Database 如何在下拉列表中获取选定值，然后显示更多信息

我有一个下拉列表，可以从数据库中获取选项。我想知道如何获取所选选项的值，然后在选择后，数据库中的其他数据将以表格或表格的形式显示？ 看起来是这样的

选择前

从下拉列表中选择：选项1

姓名： 年龄：

选择后

从下拉列表中选择：选项2

姓名：迈克尔 年龄:21

控制器

模型

看法

---

似乎您需要在页面加载时填充第一个下拉字段，而不是需要对另一个方法进行AJAX调用，在该方法中传递所选名称。在该方法中，您将拥有将AJAX输入值传递给模型的代码，该模型按值返回数据，在本例中，按名称返回数据，作为json_编码返回AJAX

$(document).ready(function(){
    $('.dropdownElementClass').on('change', function(){
        var value = $(this).val();
        $.ajax({
            method: "POST",
            url: "<?php echo base_url('secretary/getDataByName');?>", 
            data: { name: value }
        })
        .done(function( output ) {
              $('.classOfElementExpectingData').text( output );
        });
    });
});

---

你可以在谷歌甚至youtube上搜索大量的教程。学习，可以帮助你。或者你可以先在这里搜索类似codeigniter ajax的东西。我相信你可以找到许多类似的问题和答案。祝你好运。

我会使用jQuery和AJAX完成这类任务。你能教我怎么做吗？我真的不知道，谢谢你，我已经填好了下拉列表，虽然我仍然不知道如何发布其他数据，但我不知道你下一个问题是什么。我为您编写的示例，以及我找到并发布的链接都可以完成这项工作。如果在代码中看不到下一步，请尝试这种方式。

function getAllGroups()
    {

        $query = $this->db->query('SELECT firstname FROM tblcustomer');

        return $query->result();

    }

<?php 
            echo "Select Customer";
            $options = array();
            foreach($groups as $group)
            { 
              $options[$group->firstname] = $group->firstname;
            }
            echo form_dropdown('dropdown', $options);
            ?>
            <br>
            <br>
            <br>
                    <table id="myTable" class="table table-bordered" >  
                        <thead >  
                            <tr>  
                                 <th>Order #</th> 
                                 <th>Customer Name </th>  
                                <th>Items</th>  
                                <th>Note</th>  
                                <th>Qtt.</th> 
                                <th>Total Price</th> 
                                <th>Shipping Address</th> 
                                <th>Status</th>  
                                <th>Edit</th>  

                            </tr>  
                        </thead>  
                        <tbody>  

$(document).ready(function(){
    $('.dropdownElementClass').on('change', function(){
        var value = $(this).val();
        $.ajax({
            method: "POST",
            url: "<?php echo base_url('secretary/getDataByName');?>", 
            data: { name: value }
        })
        .done(function( output ) {
              $('.classOfElementExpectingData').text( output );
        });
    });
});

public function getDataByName()
{
    if ($this->input->is_ajax_request()) {
        echo $this->Secretary_model->getDataByName( $this->input->post('name') ) != FALSE ? json_encode( $this->Name_m->getDataByName( $this->input->post('name') ) ) : 'No data for selected name.' ;
    } else {
        echo 'No direct script access allowed.';
    }
}