Question

我采用了一个现成的工作示例 [工作实例] [1] 并重新制作以满足我的需求。 [我的代码] [2] 但是我没有选中的项目。

  [1]: http://jsfiddle.net/tw57m8bx/1/
  [2]: http://jsfiddle.net/vipTelnet/m7vx0nuc/2/

Answer 1

如果您查看小提琴的来源，您会注意到select2库资源的版本不同。

版本3.5.2：doc

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.min.js"></script>

版本4.0.5：http://jsfiddle.net/tw57m8bx/1/

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.full.min.js"></script>

更新：在版本4.0.5上运行

工作小提琴＆gt; http://jsfiddle.net/vipTelnet/m7vx0nuc/2/

您需要通过向select2()添加数据属性来绑定数据。还在HTML中添加了默认的空option标记，否则默认选择第一个元素。

$('#select').select2({
   minimumInputLength: 0,
   data:lastOptions
});

选择2未选择选项

1 个答案: