javascript - 从选择中选择一个选项，然后使用 Codeigniter 在另一个选择框中显示数据

Question

我不太擅长 jquery 和 ajax，而且我现在在选择框上遇到困难。我使用 CI，我的代码如下。

 <select name="brand" class="form-control" id="brand" required>
      <?php
        if($items) {
          foreach($items as $key) {
      ?>
      <option value="<?php echo $key->brand_id ?>">
        <?php echo $key->brand_name ?></option>
      <?php
        }
       }
      ?>
    </select>

并且，另一个选择框“类别”数据将根据“品牌”显示。如何使用 jquery 携带“品牌”数据并在“类别”中显示数据？

Answer 1

你可以使用ajax。请参见下面的示例

$(function(){
  $('#brand').on('change', function(){
    var brand = $(this).val();
    $.ajax({
     type : 'post',
     url : '<?php echo base_url();?>controller_name/function_name',
     data : 'brand='+brand,
     dataType : 'json',
     success : function(msg){
        // here you can populate data into category select option
       var options;
       for(var i = 0; i<msg.length; i++)
       {
          options = '<option>'+msg.category[i].category_name+'</option'>;
       }
       $('#category').html(options); // your html part for category should look like this <select id="category"></category>
     }
   });
});
});

Controller 部分的php代码(函数名showCategory)

function showCategory(){
  $brand = $this->input->post('brand');
  $data['category'] = $this->your_model->your_function_to_select_data();
  echo json_encode($data);
}