下拉子菜单不显示任何数据？

I have this simple dropdown menu in my codeigniter form. When clicking dzongkhag(district) it should display the list of geogs(towns), but, instead it do not do so. The drop down menu that I have is not the best one but that is what I could come up with after trying (for many weeks) many times unsuccessfully. I will be grateful if someone could help me out/solve/advice on this.

我在codeigniter表单中有这个简单的下拉菜单。当点击dzongkhag（区）时，它应该显示地理位置（城镇）列表，但是，它不会这样做。我所拥有的下拉菜单并不是最好的，但这是我尝试（数周）多次失败之后我想出的。如果有人能帮助我/解决/建议，我将不胜感激。

Here are the snippets. view.php

这是片段。 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 I implement it in the view.php instead of js folder)

javascript（我在view.php而不是js文件夹中实现它）

$(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

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 as $key) {
    echo '<option value="'.$key['name'].'">'.$key['name'].' </option>';
  }
}

model.php

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'){
  ......
  ........

1 个解决方案

#1

Try switching these two lines, you may be deleting the select box value before it is stored in user_dzongkhag.

尝试切换这两行，您可能会删除选择框值，然后将其存储在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);
      }
    });
  });
});