使用下拉列表从数据库获取数据

Question

在这里，我已经在CODEIGNITER中使用jquery-ajax编写了功能代码，其中我需要使用“ ajax post method”将下拉列表的值传递给数据库，执行查询并在同一视图中获取并显示结果/数据页面使用onChange，但问题是onChange，看不到任何更改。 请帮助我。

view.php

<div class="col-sm-6 form-group">
                    <select class="chosen-select form-control"  name="ProductCategoryID" id="item_code" value="<?php echo set_value('ProductCategoryID'); ?>" required>
                            <option>Select Item code</option>
                            <?php 
                         foreach($itemlist as $row)
                            { 
                         echo '<option value="'.$row->ItemCode.'">'.$row->ItemCode.'</option>';
                            }
                      ?>
                          </select>
            </div>

            <div class="col-sm-12 form-group" id="description">

            </div>
<script src="<?php echo base_url("assets/js/jquery-1.10.2.js"); ?>" type="text/javascript"></script>


    <script type="text/javascript">
$('#item_code').change(function(){
    var item_code = $(this).val();
    $("#description > option").remove();
    $.ajax({
        type: "POST",
        url: "<?php echo site_url('Ajax/get_description'); ?>",
        data: {id: item_code},
        dataType: 'json',
        success:function(data){
            $.each(data,function(k, v){
                var t_area = $('<textarea />');
                t_area.val(k);
                t_area.text(v);
                $('#description').append(t_area);
            });
            $('#item_code').append('<textarea value="' + id + '">' + name + '</textarea>');
        }
    });
    $('#item_code').trigger('chosen:updated');
});
</script>

Controller.php这样

<?php

class Ajax extends CI_Controller {

        public function __construct()
        {
                parent::__construct();
                $this->load->helper(array('form', 'url'));
                $this->load->library(array('session', 'form_validation'));
                $this->load->database();
                $this->load->model('Gst_model');
                $this->load->model('User_model');
                $this->load->model('Report_model');

                                $this->load->helper('url');
        }

        function get_description()
    {
        $id = $this->input->post('id');
        echo(json_encode($this->Report_model->get_description($id)));
    }
}

Model.php

function get_description($item_code)
     {  
         $result = $this->db->where('ItemCode', $item_code)->get('gst_itemmaster')->result();
        $id = array('0');
        $name = array('0');
        for ($i=0; $i<count($result); $i++)
        {
            array_push($id, $result[$i]->ItemDescription);
            array_push($name, $result[$i]->ItemDescription);
        }
        return array_combine($id, $name);
    }

Answer 1

您的问题是，更新“选择的选择”下拉列表有点棘手。 更新选项列表后，必须调用类似$('.my_select_box').trigger('chosen:updated'); 看看这里的selected-select文档。

只需在change（）函数末尾的ajax调用后添加以下内容：

$('#item_code').change(function(){
    var item_code = $(this).val();
    $("#description > option").remove();
    $.ajax({
        type: "POST",
        url: "<?php echo site_url('Ajax/get_description'); ?>",
        data: {id: item_code},
        dataType: 'json',
        success:function(data){
            $.each(data,function(k, v){
                var t_area = $('<textarea />');
                t_area.val(k);
                t_area.text(v);
                $('#description').append(t_area);
            });
            $('#state').append('<textarea value="' + id + '">' + name + '</option>');
        }
    });
    $('#item_code').trigger('chosen:updated');
});