javascript - Dropdown child menu not displaying any data? -


i have simple dropdown menu in codeigniter form. when clicking dzongkhag(district) should display list of geogs(towns), but, instead not so. drop down menu have not best 1 come after trying (for many weeks) many times unsuccessfully. grateful if me out/solve/advice on this.

here snippets. view.php

<label >dzongkhag: </label> <select id="user_dzongkhag" name="dzongkhag" >   <option>select dzongkhag</option>   <option value="bumthang">bumtang</option>   <option value="chhukha">chhukha</option>   <option value="dagana">dagana</option>   <option value="gasa">gasa</option>   <option value="haa">haa</option>   <option value="lhuentse">lhuntse</option>   <option value="monggar">monggar</option>   <option value="paro">paro</option>   <option value="pema gatshel">pema gatshel</option>   <option value="punakha">punakha</option>   <option value="samdrup jongkhar">samdrup jongkhar</option>   <option value="samtse">samtse</option>   <option value="sarpang">sarpang</option>   <option value="thimphu">thimphu</option>   <option value="trashigang">trashigang</option>   <option value="trashi yangtse">trashi yangtse</option>   <option value="trongsa">trongsa</option>   <option value="tsirang">tsirang</option>   <option value="wangdue phodrang">wangdue phodrang</option>   <option value="zhemgang">zhemgang</option>                 </select>  <label >geog:</label> <select id="user_geog" name="geog" >   <option> select geog</option> </select> 

javascript (which implement in view.php instead of js folder)

$(document).ready(function(){   $('#user_dzongkhag').change(function(){     $('#user_geog').html('<option> fetching...</option>');      var user_dzongkhag =$('#user_dzongkhag').val();      //alert(new_div);      $.ajax({       type:"post",        data:"user_dzongkhag="+user_dzongkhag,       url:"<?php echo site_url('ajax/select_auth_geog/'); ?>",       cache:false,       success:function(resp){         //alert(resp);         $('#user_geog').html(resp);       }     });   }); }); 

controller.php

public function select_auth_geog(){   $user_dzongkhag= $this->input->post('user_dzongkhag');   $returngeog=$this->ajax_model->select_auth_geog($user_dzongkhag);   foreach ($returngeog $key) {     echo '<option value="'.$key['name'].'">'.$key['name'].' </option>';   } } 

model.php

public function select_auth_geog($user_dzongkhag){   if($user_dzongkhag=='bumtang'){     $user_dzongkhag=1;   }elseif($user_dzongkhag=='chhukha'){     $user_dzongkhag=2;   }elseif($user_dzongkhag=='dagana'){     $user_dzongkhag=3;   }elseif($user_dzongkhag=='gasa'){     $user_dzongkhag=4;   }elseif($user_dzongkhag=='haa'){     $user_dzongkhag=5;   }elseif($user_dzongkhag=='lhuntse'){     $user_dzongkhag=6;   }elseif($user_dzongkhag=='monggar'){   ......   ........ 

try switching these 2 lines, may deleting select box value before stored in user_dzongkhag.

$(document).ready(function(){   $('#user_dzongkhag').change(function(){     $('#user_geog').html('<option> fetching...</option>');  <-------------      var user_dzongkhag =$('#user_dzongkhag').val();         <-------------      //alert(new_div);      $.ajax({       type:"post",        data:"user_dzongkhag="+user_dzongkhag,       url:"<?php echo site_url('ajax/select_auth_geog/'); ?>",       cache:false,       success:function(resp){         //alert(resp);         $('#user_geog').html(resp);       }     });   }); }); 

Comments

Popular posts from this blog

python - TypeError: start must be a integer -

c# - DevExpress RepositoryItemComboBox BackColor property ignored -

django - Creating multiple model instances in DRF3 -