选中后获取下拉值并将其传递给控制器​​而不刷新页面

Question

我有2个下拉列表，CATEGORY和SUBCATEGORY。 SUBCATEGORY将根据CATEGORY选择的值而有所不同。我想要做的是获取值id并将其传递给我的控制器。一旦我在控制器中获得了值，我就会将它发送到我的模型中，所有与我的CATEGORY_ID相同的数据都将显示在SUBCATEGORY中。我怎样才能做到这一点？我一直在使用javascript获取更改下拉列表的值。我正在尝试使用ajax但没有运气。它是一个自举模式。

示例：

如果我选择：

CATEGORY = FOOD

SUBATEGORY =蛋糕，蔬菜。水果等

CATEGORY = SPORTS

SUBATEGORY =篮球，排球等

希望有人可以提供帮助。谢谢！

这是我在模态（视图）中的两个下拉列表：

CATEGORY

<select name='category_uuid' id="category_uuid">
<?php
  foreach($categories as $categories):
   if ($form_action=="update") {
    echo "<option value='".$category_uuid."' ".(($category_uuid == $categories->uuid) ? 'selected':'').">".$categories->name."</option>";
}else{ 
    echo "<option value='".$categories->uuid."'>".$categories->name."</option>";
    }
    endforeach; ?>
</select>

我的脚本

<script>
$("#category_uuid").change(function(){
$.ajax({
 type : 'POST',
 data : 'cat_id='+ $("#category_uuid").val(),
 url : 'questions/form',
 success : function(data){
             $('#data').val(data);
 }
});
}); 
</script>

SUBCATEGORY

<select name="subcategory_uuid" id="subcategory_uuid">
<?php                           
  foreach($subcategories as $subcategories):
if ($form_action=="update") {
 echo "<option value='".$subcategory_uuid."' ".(($subcategory_uuid == $subcategories->uuid) ? 'selected':'').">".$subcategories->name."</option>";
}else{ 
 echo "<option value='".$subcategories->category_uuid."'>".$subcategories->name."</option>";
}
endforeach; ?>
</select>

Answer 1

试试这个，你可能需要相应地改变它：
你的Js：

$("#category_uuid").change(function(){
    $.ajax({
     type       : 'POST',
     data       : { cat_id : $("#category_uuid").val() } ,
     url        : '<?=base_url()?>questions/subCat',
     success    : function(data){
                 $('#subcategory_uuid').val(data);
     }
    });
});

你的控制器：

function subCat(){
    if( $this->input->post( null ) ){
        $id            = $this->input->post('cat_id', true);
        $data['cat']   = $this->model->get_all_sub_categories( $id );
        echo $this->load->view('ajax_categories', $data, true );
    }
}

你的模特：

function get_all_sub_categories( $id ){
    return $this->db->select('id, name')->where_in('column_id', $id)->get('table_name')->result_array();
}

您的观点ajax_categories：

if( isset( $cat ) && is_array( $cat ) && count( $cat ) > 0 ){
    foreach( $cat as $key => $each ){
        echo '<option value="'.$id.'">'.$name.'</option>';
    }
}