javascript - Select2 multiple 创建重复值

Question

打开多项选择后，我的 Select2 框工作异常。 当我提交表单时，它会以类似镜像的方式发送重复的发布数据。

例如我选择

“美国”、“英国”、“爱尔兰”

它发布(由firebug报告并显示在html结果中)

'美国','英国','爱尔兰','英国','美国'

我的国家/地区 HTML(精简)...

<select multiple  name="country" id="country" class="select2" data-placeholder="Select Country/Countries" style="width:220px;"  required>
  <option value=""></option> <option value="United States">United States</option> <option value="United Kingdom">United Kingdom</option> <option value="Afghanistan">Afghanistan</option> <option value="Albania">Albania</option><option value="Zimbabwe">Zimbabwe</option>
</select>

我的 JS 只调用

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

我不知道为什么会发生这种情况。我正在使用其他 JS 库，如 Bootstrap、jQueryValidate 和 Zebra DatePicker，但我认为它们不会干扰。

Answer 1

您可能调用了 $('.select2').select2();函数两次。我遇到了同样的问题，原因是我为同一个下拉菜单调用了该函数两次。