Ajax在select2中选择多个值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ajax在select2中选择多个值相关的知识,希望对你有一定的参考价值。

我正在使用select 2,并且我的数据来自json格式的ajax。

视图:

<select class="form-control qual_id" multiple>
    <option value="">-Select Degree-</option>
    <option value="1">SSC</option>
    <option value="2">HSC</option>
    <option value="3">BBA</option>
    <option value="4">MBA</option>
</select>

Ajax:

var defaultValue = 1,2 // (it can be one id or two ids)

$(`.qual_id option[value=$defaultValue]`).attr('selected', true);

select2:

<script type="text/javascript">
$('.qual_id').select2(
  width: 'resolve',
  maximumSelectionLength: 2
);
</script>

如果我从select标记中删除多个,并在没有select2且只有一个id的情况下执行,工作正常,但如何通过在select中选择多个值来做到这一点。

控制台:

未捕获的错误:语法错误,无法识别的表达式:.qual_id选项[值= 1,2]

答案
var defaultValue = [1,2];
$(`.qual_id`).val(defaultValue);

这应该将值1和2设置为默认选择。

以上是关于Ajax在select2中选择多个值的主要内容,如果未能解决你的问题,请参考以下文章

Yii2 - 使用 Ajax 加载为 Select2 插件设置值

使用jQuery select2设置多个值[重复]

在 Select2 中选择多个值

Select2:使用ajax数据源时添加和选择手动值

Select2 v4.0 - 选择多个值

在select2中使用ajax时无法获取自定义属性值