如何显示select2的选定值?

时间:2016-06-13 04:58:32

标签: javascript jquery combobox select2 jquery-select2-4

我正在尝试将值动态设置为我已应用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 被选中,但组合框显示&#34; 选择一个&#34;。

2 个答案:

答案 0 :(得分:4)

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

并仅使用第二个:

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

答案 1 :(得分:0)

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

这是最终结果:

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

感谢。