如何显示 select2 的选定值？

Question

我正在尝试将值动态设置到我应用了 select2 jQuery class 的组合框。应用代码后，它将值设置为该组合框；但它仍然显示 "Select one"。谁能帮我显示选定的值？请。

HTML:

<select id="cmboDemo">
 <option value="">Select one</option>
 <option value="Bob">Bob</option>
 <option value="Scott">Scott</option>
</select>

Javascript:

$("#cmboDemo").select2();
//....
$("#cmboDemo").val("Scott");
...//

结果 scott 被选中但组合框显示“Select one”。

Answer 1

删除$("#cmboDemo").select2();

并且只使用第二个：

$("#cmboDemo").val("Scott");

Answer 2

通过使用select2.js，css的一些附加层与实际的组合框重叠。通过使用以上所有代码，值设置为 select 框；但由于上面的样式层，它显示了第一个值。即 Select 一个。因此，通过更改上层的 text 将解决问题。

这是最终结果：

$("#select2-cmboDemo-container").text("Scott");

谢谢。

How do I show the selected value of select2?