Jquery 未在 Chosen DropDownList 上选择正确的值

Question

我有一个已填充的下拉菜单，并且正在使用 Chosen 插件。选择后，需要值而不是文本来填写页面。我尝试了几种不同的方法，但 none 似乎有效。

标记：

<select class="chzn-select" data-placeholder=" -- Select Course -- " id="CourseDropDown" name="CourseDropDown">
    <option value=""></option>
    <option value="1">Option 1</option>
</select>

我尝试过的东西：

$('#CourseDropDown').on('change', function () {
    var courseID = $(this).val();
....
    var courseID = $('#CourseDropDown').val();
....
    var courseID = $('#CourseDropDown :selected').val();
....

所有这些return一个空字符串。

我可以通过

从选择中获取文本

var courseID = $(this).text();

标记显然具有为选择设置的值。它选择了正确的东西并 return 编辑了文本。什么会导致它 return 一个空字符串而不是值 1.

Answer 1

.val() 对我来说效果很好，这里有一个片段 https://jsfiddle.net/20kckhf9/

Answer 2

好像是从我的设置中选出来的。我发现的所有信息都表明，为了在下拉列表中显示占位符，例如“-- Select Something -- ”，您需要在前面加上一个空的 value/option。似乎这个值覆盖了选项值，即使标记是正确的并且选择 .text() 有效。

我删除了前置选项。它现在可以正常工作并且仍然显示占位符。

Jquery 未在 Chosen DropDownList 上选择正确的值

Jquery not selecting correct value on Chosen DropDownList

javascript

jquery

jquery-chosen