Select2示例不起作用

Question

我正在尝试使用Select2.js插件.我已经创建了一个最简单的select2示例的小提琴,但我无法弄清楚为什么这不起作用？

http://jsbin.com/edeseh/2/edit

你可以在小提琴中看到选择列表中的项目选择并允许清除不起作用.

任何人都可以帮助我,我在这里做错了什么？

Answer 1

您应该使用选项值来启用选择

和

你应该使用一个空选项来显示占位符和allowClear选项.

这是工作小提琴:

http://jsbin.com/edeseh/8/edit

从链接复制的主要代码:

HTML:

<select id="e2" style="width:200px;">
  <option value=""><option>
  <option value="1">Mustard</option>
  <option value="2">Ketchup</option>
  <option value="3">Relish</option>
</select>

JavaScript的:

$("#e2").select2({
  placeholder: "Select a State",
  allowClear: true
});