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
Post a Comment