1. 程式人生 > >select2外掛 多選框動態初始化值

select2外掛 多選框動態初始化值

上一篇講了select2的多選和大標題設定。
這周做到了修改的功能,需要將舊資料的選項預設顯示。這裡也順便說一下。
方法很簡單,加上一句話即可
$(“#id”).val(data).trigger(‘change’);
data是一個存放id值的陣列,如 [1,2,3,4 ],或者[1,2,3,4,] 這樣也可以。
示例:

    $(document).ready(function() {
            //獲取成員資料
            $.ajax({
                url: '${ctx}/back/members/membersOption',
                dataType: 'json'
, success: function(data) { $("#_speakers").select2({ language: 'zh-CN', data: data, placeholder:'請選擇', multiple: true }); if ('${notice.speakers}'
){ $("#_speakers").val([${notice.speakers}]).trigger('change'); } }); }) });