php - Codeigniter php - 基于使用 JQuery 的下拉选择返回(ajax？)数据

Question

我想生成一些数据进行编辑，根据用户在下拉菜单中所做的选择进行过滤，但我不想让事情复杂化。

我已经让我的项目在数据库中查询“树”列表，并使用树名填充保管箱，将 tree_id 指定为它的值。

我想要做的就是，当用户在下拉列表中做出选择时，让 JQuery 返回一个仅包含该 ID 相关数据(描述等)的列表。

最简单的方法是什么？我什至需要发出 AJAX 请求吗？这是我的代码:

Controller :

$this->load->model('Model_form','', TRUE);
$data['trees'] = $this->Model_form->get_tree();
$this->load->view('view_form_tree', $data);

型号:

function get_tree(){
$query = $this->db->query('SELECT * FROM trees');
return $query->result();
}

查看:

<h1>Edit Tree</h1>
<select id="f_treeindex" name="f_treeindex" class="dd_black">
<option value=""></option>
<?php
foreach($trees as $tree){
    echo '<option value="' . $tree->id . '">' . $tree->tree_name . '</option>';
}
?>
</select>

<script type="text/javascript">
     $(document).ready(function() {
        $('#f_treeindex').change(function(){
            var tree_id = $('#f_treeindex').val();
            if (tree_id != ""){
                //DO WHATEVER I NEED TO DO TO CALL THE INFORMATION FOR THE TREE WHOSE ID MATCHES THAT SELECTED IN THE DROPDOWN
            }//end if
        }); //end change
     }); //end docready
</script>

请注意，模型中的 SELECT * 语句将返回 tree_id、tree_name 和 tree_description。

Answer 1

如果您创建一个“显示” Controller 方法，该方法返回一个包含数据的裸模板(即:不包含完整布局)，您可以这样做:

$('#f_treeindex').change(function(){
    var tree_id = $('#f_treeindex').val();
    if (tree_id != ""){
        $.get('/controller_name/show', {id:tree_id}, function(data){
            $(this).parents('div').append(data);
        })
    }//end if
});

包装<select>在<div>所以你的 jquery 有一些东西可以将生成的 html 附加到。

此外，我会将 get_tree() 重命名为 get_trees()，这样您还可以在 controller_name#show 方法中执行一个返回单个树的 get_tree($id)，您可以返回一个没有布局的模板, 待追加。

function show() {
    $this->load->model('Model_form','', TRUE);
    $data['tree'] = $this->Model_form->get_tree($this->params['id']);
    $this->load->view('single_tree_view', $data);
}

另外，不能 100% 确定您的 CI 是如何设置的，所以您的 $.get行可能需要

$.get('/controller_name/show/'+tree_id, function(data){...