javascript - jQuery 获取禁用的选择选项值

Question

<select id="test_me" name="test_me" disabled>
 <option value="">Please select</option>
 <option value="1">Test One</option>
 <option value="2" selected>Test Two</option>
 <option value="3">Test Three</option>
</select>

<input type="hidden" value="" name="test_hidden" id="test_hidden">

此处选项测试二被选中并禁用。下面的代码在启用下拉菜单并且值更改时获取选择值。

//pass value to hidden input
$('#test_me').change(function () {
    var id = $(this).val();
    $('input#test_hidden').val(id);
})

当禁用下拉菜单并选择值时，如何将选定的选项值(即 2)传递到我的隐藏输入？

Answer 1

此问题报告于 http://bugs.jquery.com/ticket/13097并标记为无法修复。原因:

The long-standing logic in .val() ensures that we don't return disabled options in a select-multiple. The change just applies the same behavior for select-one now for consistency.

替代方法是使用 select 的 selectedindex 属性按索引定位选项:

$("#test_me option").eq($("#test_me").prop("selectedIndex")).val();

完整片段:

var id =  $("#test_me option").eq($("#test_me").prop("selectedIndex")).val();;
$('input#test_hidden').val(id);