时间戳

首页 > 解决方案 > ajax+codeigniter 中的 set_select 选项

php - ajax+codeigniter 中的 set_select 选项

问题描述

我如何在 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();
        }
    });
});

标签： phpajaxhtmlcodeigniter

解决方案

也许你需要这样的东西，

查看代码。

<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>';
    }
}

您可以动态创建父类别。

推荐阅读