cascade dropdowns post name instead of id

i used 2 tables -agenda(id, user_id, task , id, start_date, end_date, employe_id)

                     -  employes (employ_id employe_names, task_id) with cascade dropdown list ,when i select the first one the second one show the sort list related with the first one but after the second selection nothing appear because it post worker name not the value(id) (see below the firebug result)

--------------------- firebug result-----------------------------------

POST ******/frontend/web/index.php?r=agenda/list&id=2

200 OK

	341ms	

jquery.js (line 9175)

ParamsHeadersPostResponseHTMLCookies

<option>Select Technician</option><option value’1’>josi-ann</option><option value’2’>bianka</option><option value’3’>josy</option>

POST ********frontend/web/index.php?r=agenda/liste&id=[color="#FF0000"]bianka[/color]

200 OK ParamsHeadersPostResponseHTMLCookies

<option>—</option>

--------------------------------------- agenda_form----

  **/first dropdown service selection


  *


  */


&lt;?= &#036;form-&gt;field(&#036;model,'task')-&gt;dropDownList(


   ArrayHelper::map(Tasks::find()-&gt;all(), 'id','task_name'),


        ['prompt'=&gt;'Select service',


            'onchange'=&gt;'


                &#036;.post(&quot;index.php?r=agenda/list&amp;id='.'&quot;+&#036;(this).val(),function(data){


                    &#036;(&quot;select#agenda-employe_id&quot; ).html(data);


                    });'


            ]); ?&gt;


   **/second dropdown employe related with selected service


   *


   */


&lt;?= &#036;form-&gt;field(&#036;model, 'employe_id')-&gt;dropDownList(


   [],


        ['prompt'=&gt;'Select technician',


            'onchange'=&gt;'


                &#036;.post(&quot;index.php?r=agenda/liste&amp;id='.'&quot;+&#036;(this).val(),function(data){


                    &#036;(&quot;select#agenda-start_hour&quot; ).html(data);


                    });'                





            ]); ?&gt;


    **/ third dropdown to select appointement time 


    *


   */





&lt;?= &#036;form-&gt;field(&#036;model, 'start_hour')-&gt;dropDownList(


   [],


        ['prompt'=&gt;'select time'                





            ]); ?&gt;


&lt;?= &#036;form-&gt;field(&#036;model, 'end_hour')-&gt;textInput() ?&gt;

--------------------------------AgendaController

 * Ajax dropdown form task to relate service with qualified employe


 * 


 */


public function actionList(&#036;id) {


   &#036;countEmployes = Employes::find()

->where([‘task_id’=>$id])

->count();

$employes = Employes::find()

->where([‘task_id’=>$id])

->all();

if($countEmployes > 0)

{

 echo &quot;&lt;option&gt;SelectTechnician&lt;/option&gt;&quot;;

foreach($employes as $employe){

     echo &quot;&lt;option value'&quot; .&#036;employe-&gt;employe_id.&quot;'&gt;&quot;.&#036;employe-&gt;employe_name. &quot;&lt;/option&gt;&quot;;

}

}

else{

echo "<option>—</option>";

}

return ;

}

/**


 * Ajax dropdown form task to select date time with service and technician


 * 


 */


public function actionListe(&#036;id) {


   &#036;countEvents = Agenda::find()


   -&gt;where(['employe_id'=&gt;&#036;id])


   -&gt;count();


   


 &#036;events = Agenda::find()


 -&gt;where(['employe_id'=&gt;&#036;id])


 -&gt;all();





  if(&#036;countEvents &gt; 0)


    {


      echo &quot;&lt;option&gt;select time&lt;/option&gt;&quot;;


      foreach(&#036;events as &#036;event){


     echo &quot;&lt;option value'&quot; .&#036;event-&gt;id.&quot;'&gt;&quot;.&#036;event-&gt;start_hour. &quot;&lt;/option&gt;&quot;;


    }


 }


   else{


          echo &quot;&lt;option&gt;—&lt;/option&gt;&quot;;


            }


      }