ajax + codeigniter中的set_select选项

时间:2018-04-25 08:11:36

标签: php ajax html5 codeigniter

如何在动态依赖下拉列表的ajax部分上使用set_select选项,此列表在验证错误后清除,所以我想在此处使用set_select选项。请看下面的代码:

<script type="text/javascript">

$(document).ready(function() {
    $('select[name="relegion"]').on('change', function() {          
        var regID = $(this).val();
        if(regID) {
            document.write("ok");
            $.ajax({
                url: '/demo/main/selectcaste/'+regID,
                type: "GET",
                dataType: "json",
                success:function(data) {
                    $('select[name="caste"]').empty();
                    $('select[name="caste"]').append('<option value=1>'+ "Not Interested to specify" +'</option>');
                    $('select[name="caste"]').append('<option value=2>'+ "InterCaste" +'</option>');
                    $.each(data, function(key, value) { 

                        $('select[name="caste"]').append('<option value="'+ value.id +'">'+ value.name +'</option>');

                    });
                }
            });
        }else{
            $('select[name="caste"]').empty();
        }
    });
});

1 个答案:

答案 0 :(得分:0)

也许你需要这样的东西,

查看代码。

<select name="category" id="category">
    <option>Pilih Kategori Kelas</option>
    <option value="1">category 1</option>
    <option value="2">category 2</option>
</select>

<select name="sub_category" id="sub_category">
    <option>Pilih category Kelas</option>
</select>

AJAX代码。

$(document).ready(function(){
 $('#category').on('change',function(){
      var category_id = $(this).val();
      if(category_id){
           $.ajax({
                type:'POST',
                url:'<?php echo base_url()."profile_kelas/get_sub_category";?>',
                data: {
                     category_id : category_id
                },
                success:function(html){
                     $('#sub_category').html(html);
               }
          });

      }else{
           $('#sub_category').html('<option>Pilih Sub category Kelas</option>');
      }
 });
});

我的控制器代码。

public function get_sub_category(){
    $data = $this->model_profile->get_sub_category($_POST['category_id']);
    foreach ($data as $row) {
        echo '<option value="'.$row->id.'">'.$row->sub_category.'</option>';
    }
}

您可以动态制作父类别。