select2初始化默认选中值（多选）

小咪咪 2022-05-16 00:38 493阅读 0赞

之前用select2初始化默认值使用了select2('val','1')，这样做没问题，但只能用在单选上，多选的话，即使将val后面的值改成数组\['0', '2'\]这种形式也没用。

<script type="text/javascript">
        $(document).ready(function() {
          var data = [{ id: 0, text: 'aaa' }, { id: 1, text: 'bbb' }, { id: 2, text: 'ccc' }];
          $(".js-example").select2({
            data: data,
            placeholder: "请选择啊"
            
          });
          $(".js-example").select2('val','1')
        });
    </script>
    
    <select class="js-example new-select" multiple="multiple">
    </select>

![990127-20160829110816902-2093437184.png][]

如何初始化出多选呢，在[stackoverflow][]找到了答案，那就是用$(".js-example").val(\['0','2'\]).trigger('change')这种方法。

把上面代码中的$(".js-example").select2('val','1')换成$(".js-example").val(\['0','2'\]).trigger('change')就OK了。

![990127-20160829111048855-1262885846.png][]

[990127-20160829110816902-2093437184.png]: /images/20220516/18d1cdec9420403e8259a58637601e1b.png
[stackoverflow]: http://stackoverflow.com/questions/14957419/select2-doesnt-show-selected-value/26857096#26857096
[990127-20160829111048855-1262885846.png]: /images/20220516/30b0e9340f6b4575807a56f8f26938d8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，493人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery设置bootstrap-select的默认选中值

<select id="mSelect"></select> $("\mSelect").val(\["1","2"\]); $("\mSelect").selectpic

桃扇骨/ 2023年06月04日 13:00/ 0 赞/ 20 阅读

相关 el-table多选，默认选中

toggleRowSelection（row, selected）：官网提供的选中行的方法,row：当前选中的行，selected：true选中，false:不选中给tab

Bertha 。/ 2023年01月07日 10:16/ 0 赞/ 283 阅读

相关 el-select 多选框，默认值不可删除实现方法。

elementui el-select 多选框，默认值不可删除实现方法。只限固定的默认值 <el-select v-model="value1" multiple

水深无声/ 2022年09月10日 10:28/ 0 赞/ 962 阅读

相关 knockout select绑定，选中默认值

<script type="text/javascript"> $(function()\{ var viewModel =function() \{ var se

我就是我/ 2022年08月07日 11:39/ 0 赞/ 220 阅读

相关 jquery怎么获取select选中的值，默认选中

jQuery是控制和操作select详解。 eg： <select id="test"> <option value="1">选项一<option>

拼搏现实的明天。/ 2022年07月13日 11:24/ 0 赞/ 320 阅读

相关 select根据text默认选中

var strainGene = vm.detailObj.strainGene; console.log(strainGene); $(".

刺骨的言语ヽ痛彻心扉/ 2022年06月17日 01:17/ 0 赞/ 229 阅读

相关 elementUI select 默认选中

`v-model`的值为当前被选中的`el-option`的 value 属性值 <template> <el-select v-model="value

ゝ一纸荒年。/ 2022年05月30日 12:13/ 0 赞/ 621 阅读

相关页面初始化设置单选框radio默认选中，清空默认选中

前言: 页面初始化设置单选框radio默认选中，根据公司已有的标签属性来写的，坑，刚开始一直获取不到这个圆框框，搞了半天，终于搞定了。浏览器截图： ![70][

迷南。/ 2022年05月21日 04:05/ 0 赞/ 473 阅读

相关 select2初始化默认选中值（多选）

　　之前用select2初始化默认值使用了select2('val','1')，这样做没问题，但只能用在单选上，多选的话，即使将val后面的值改成数组\['0', '2'\]这

小咪咪/ 2022年05月16日 00:38/ 0 赞/ 494 阅读

相关 select的值选中

select中值的选中 <select id = "selectId1"> <option value="0">0</option>

冷不防/ 2022年05月10日 02:40/ 0 赞/ 391 阅读