Question

这里我在CODEIGNITER中使用jquery-ajax编写了一个功能代码，我需要使用＆＃39; ajax post方法将下拉值传递给数据库。执行查询并使用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');之类的内容，查看所选文档here。

只需在你的ajax调用结束后把它放在你的change（）函数结束时：

$('#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');
});

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

1 个答案: