Question

我在一个页面上使用多个select2，在所有元素上都有multiSelect类，并且通过一次调用在所有元素上初始化select2

＆＃13;

$('.multiSelect').select2();

＆＃13;

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
  
<select class="multiSelect" multiple>
  <option>One</option>
  <option>Two</option>
  <option>Three</option>
  <option>Four</option>
</select>

<select class="multiSelect" multiple>
  <option>First</option>
  <option>Second</option>
  <option>Third</option>
  <option>Fourth</option>
</select>

＆＃13;

现在我选择一些值，然后点击保存按钮，每个select2的所有值都保存在数据库中，现在我来到更新页面，我希望每个select2都带有我选择的值。

我看到这里回答的方法Load values in select2 multiselect但是我无法加载静态值我希望加载保存在数据库中的值以根据每个select2进行调用。

Answer 1

我找到了一种方法。而不是在JS中编写代码我只是在我想要默认选择的选项上添加selected属性及其工作。

$('.multiSelect').select2();

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
  
<select class="multiSelect" multiple>
  <option>One</option>
  <option selected>Two</option>
  <option>Three</option>
  <option>Four</option>
</select>

<select class="multiSelect" multiple>
  <option>First</option>
  <option>Second</option>
  <option>Third</option>
  <option>Fourth</option>
</select>

默认情况下会选择具有selected属性的元素。

select2中的预加载值，其中多个select2使用相同的类初始化

1 个答案: