Select2示例不起作用

Question

我正在尝试使用Select2.js plugin。我已经创建了一个最简单的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
});

Answer 2

较早的版本要求您在下拉列表中添加“ select2”类。