codeigniter 下拉列表菜单selectpicker由php打印,不与jquary交互

g0czyy6m  于 2022-12-07  发布在  PHP
关注(0)|答案(1)|浏览(81)

我创建了一个下拉菜单类型'select picker'。这个列表是从一个jQuery调用的控制器函数中打印出来的。
菜单已被调用,结果显示良好。问题是下拉菜单显示为无样式,如果选择另一个选项,则不会交互。

  • 选择选取器打印到下面的div中,ID为[itemresult]

HTML语言

<form id="myWHForm" action="" method="post" class="form-horizontal" >
                            <input type="hidden" name="txtItemId" value="0">

                            <div id="itemresult"></div>

                            <div class="form-group">
                                <label for="warehouse" class="label-control col-md-3">Warehouse</label>
                                <div class="col-md-8">
                                    <select class="selectpicker" required data-show-subtext="true" data-live-search="true" name="Warehouse" id="Warehouse">
                                        <?php foreach($wh as $w):?>
                                            <option value= "<?php echo $w->w_id;?>" ><?php echo $w->w_name;?></option>
                                        <?php endforeach;?>
                                    </select>
                                </div>
                            </div>
                        </form>

jQuery/ AJAX [从控制器中获取下拉菜单,如果选中了选择器的某个选项,则执行另一个操作]

$(function() {

load_item_data();

function load_item_data() {
            $.ajax({
                url: "<?php echo base_url(); ?>ItemSettings/load_item_data",
                method: "POST",
                success:function (data) {
                    $('#itemresult').html(data);
                }
            })
        }

$('#item_wh').change(function(){
            var wh_result = $(this).val();
            //$(#item_wh).val();
            if(wh_result != '')
            {
                load_wh_data(wh_result);
            }
        });

});

主计长

function load_item_data(){
        $output = '';
        $data = $this->m->load_item_data();
        $output .='<div class="form-group">
                                    <label for="item" class="label-control col-md-3">Item</label>
                                    <div class="col-md-8">
                                        <select class="selectpicker" required data-show-subtext="true" data-live-search="true" name="item_wh" id="item_wh">
                                            <option disabled selected>Select Item</option>
                                            ';

        if($data->num_rows() > 0)
        {
            foreach($data->result() as $row)
            {
                $output .='
                
                <option value ="'.$row->s_id.'">'.$row->s_name.'</option>
                ';
            }

        }

        $output.='
        
                                        </select>
                                    </div>
                                </div>
        ';
        echo $output;
    }
bkhjykvo

bkhjykvo1#

由于下拉菜单是动态生成的,请按以下方式更改您的脚本功能

$(document).on("change","#item_wh", function()
{
    var wh_result = $(this).val();
    //$(#item_wh).val();
    if(wh_result != '')
    {
        load_wh_data(wh_result);
    }
});

相关问题