javascript - 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
});

Answer 2

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