Question

select2-multiple仅在放置一次时起作用。但我有一个页面，我需要多次放置select2-multiple。

因为select2将特定的ID分配给div，即select-multiple，所以我无法更改它。

工作正常->

<select id="select2-multiple" data-plugin="select2" class="form-control" multiple>

放置多个时不起作用->（仅第一个起作用）

<select id="select2-multiple" data-plugin="select2" class="form-control" multiple>
<select id="select2-multiple" data-plugin="select2" class="form-control" multiple>
<select id="select2-multiple" data-plugin="select2" class="form-control" multiple>

我知道，因为多个ID重叠。但我无法更改ID，因为select2不能在“ select2-multiple”以外的其他ID上工作

任何解决方案？

Answer 1

您不能为相同的ID初始化两个select2，因此请使用class属性来初始化select2。

HTML

<select class="form-control select2-multiple" multiple>
  <option value="AL">Alabama</option>
  <option value="WY">Wyoming</option>
</select>

<select class="form-control select2-multiple" multiple>
  <option value="AL">Alabama</option>
  <option value="WY">Wyoming</option>
</select>

JS

$(document).ready(function() {
   $('.select2-multiple').select2();
});

正在运行的演示：https://jsbin.com/misubazino

如何使用具有多个ID的select2.js

1 个答案: