选择时获取下拉值，并将其传递给控制器，而无需刷新页面 - Get dropdown value when selected and pass it to controller without refreshing the page

Get dropdown value when selected and pass it to controller without refreshing the page

本文关键字：控制器刷新获取选择 | 更新日期: 2023-09-27

我有 2 个下拉列表，类别和子类别。子类别将因在类别中选择的值而异。我想做的是获取值 id 并将其传递给我的控制器。一旦我在控制器中获取值，我就会将其发送到我的模型，所有与我的CATEGORY_ID等效的数据将显示在 SUBCATEGORY 中。我该怎么做？我陷入了使用 javascript 获取更改下拉列表的值的困境。我正在尝试使用ajax，但没有运气。它处于引导模式中。

例：

如果我选择：

类别 = 食品

SUBATEGORY = 蛋糕，蔬菜。水果等

类别 = 体育

SUBATEGORY = 篮球、排球等

希望有人能帮忙。谢谢！

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

类别

<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>

子类别

<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>

试试这个，你可能需要相应地改变它：
您的 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>';
    }
}