bootstrap selectpicker

$.ajax({
                type: 'get',
                url: systemConfig.backendurl + '/api/fl/gettype?type=1',
                async: false,
                success: function(res) {
                    if (res.success) {
                        var select = $("#selectwrap");
                        var datas = res.data;
                        for (var i = 0; i < datas.length; i++) {
                            select.append("<option value='" + datas[i].code + "'>" +
                                datas[i].name + "</option>");
                        }
                        $('.selectpicker').selectpicker('val', ['07', '06', '08']);//設置回顯值
                        $('.selectpicker').selectpicker('refresh');
                        $('.selectpicker').selectpicker('render');
                        console.log($('.selectpicker').selectpicker('val'));//打印選擇的值
                    }
                },
                error: function(err) {
                    console.log(err)
                }
            })

            $('.selectpicker').on('changed.bs.select', function() {//單擊時方法
                console.log('agja');
                var val = $(this).val();
                console.log($('.selectpicker').selectpicker('val'));
            });
//html要引入bootstrap.min.js bootstrap-select.min.js bootstrap-select.min.css"
<select class="selectpicker" data-live-search="true" multiple id='selectwrap'></select>
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容