jQuery检索并设置html select元素的选定选项值

Question

我试图使用jQuery检索并设置选择元素(下拉列表)的选定值.

对于我已经尝试过的检索$("#myId").find(':selected').val(),以及$("#myId").val()两者都返回undefined.

任何洞察这个问题将非常感激.

Answer 1

获取/设置select元素的实际selectedIndex属性使用:

$("#select-id").prop("selectedIndex");

$("#select-id").prop("selectedIndex",1);

Answer 2

你拥有它的方式目前是正确的.选择的id不是你说的,或者你在dom中有一些问题.

检查ID的元素,并检查您的标记验证在这里的W3C.

没有有效的dom jQuery无法与选择器一起正常工作.

如果id是正确的并且您的dom有效,那么以下适用:

要读取选择选项值

$('#selectId').val();

设置选择选项值

$('#selectId').val('newValue');

阅读所选文本

$('#selectId>option:selected').text();

Answer 3

$('#myId').val() 应该这样做,如果没有我会尝试:

$('#myId option:selected').val()