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”類。