如何显示select2的选定值？

Question

我试图动态地将值设置到我在其上应用了select2 jQuery类的组合框。 应用代码后，它将值设置为该组合框。 但它仍然显示“选择一个”。 谁能帮助我显示所选的值？ 请。

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的其他一些附加层将与实际组合框重叠。 通过使用上述所有代码，将值设置为选择框。 但是由于具有较高的样式层，因此显示了第一个值。 即选择一个。 因此，通过更改上一层的文本可以解决此问题。

这是最终结果：

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

谢谢。