何时从下拉列表中选择一个类别，那么我想在其他下拉列表中使用它的子类别？

Question

在此图像中，我想选择类别，然后我想在另一个下拉列表中的子类别。在类别I中选择值时，要调用从数据库中获取子类别的Ajax，并将其放入另一个子类别下拉列表中。怎么做？

Answer 1

由于这是客户端，因此您需要通过服务器从数据库中获取数据。您可以阅读this link了解更多详情。

Answer 2

在您的视图页面中调用ajax函数，其中要更改chage类别

上的子类别

    $(document).on('change', '#cat_id', function () {
      var cat_id = $(this).val();
      $.ajax({
        type: 'POST',
        url: '<?php echo site_url('controller_name/subCatByCatId'); ?>', // here call your function where you want to send cat_id
        data: {cat_id: cat_id},
        success: function (data) {
            $('#sub_cat_id').html(data);
        }
       });
     });

这是你的服务器端功能

    function subCatByCatId() {
    $cat_id = $_POST['cat_id'];
    $query = $this->db->query("select * from sub_category where   cat_id=$cat_id")->result();//here replace your query 
     $returnVal = '<option value = "">Select one</option>';
     if (!empty($query)) {
         foreach ($query as $row) {
             $returnVal .= '<option value = "' . $row->sub_cat_id . '">'  . $row->sub_cat_name . '</option>';
         }
     }
     echo $returnVal;
    }