如何使用jQuery获得下拉框的选定值? 我试着用
var value = $('#dropDownId').val();
and
var value = $('select#dropDownId option:selected').val();
但两者都返回空字符串。
如何使用jQuery获得下拉框的选定值? 我试着用
var value = $('#dropDownId').val();
and
var value = $('select#dropDownId option:selected').val();
但两者都返回空字符串。
当前回答
或者你可以试试:
$("#foo").find("select[name=bar]").val();
我今天用它,它工作得很好。
其他回答
您可以通过使用以下代码来实现这一点。
$('#dropDownId').val();
如果您想从选择列表的选项中获取所选值。这样就可以了。
$('#dropDownId option:selected').text();
use
$('#dropDownId').find('option:selected').val()
这应该工作:)
如果你有一个以上的下拉尝试:
HTML:
<select id="dropdown1" onchange="myFunction(this)">
<option value='...'>Option1
<option value='...'>Option2
</select>
<select id="dropdown2" onchange="myFunction(this)">
<option value='...'>Option1
<option value='...'>Option2
</select>
JavaScript:
function myFunction(sel) {
var selected = sel.value;
}
HTML:
<select class="form-control" id="SecondSelect">
<option>5<option>
<option>10<option>
<option>20<option>
<option>30<option>
</select>
JavaScript:
var value = $('#SecondSelect')[0].value;
使用这些代码中的任何一个
$('#dropDownId :selected').text();
OR
$('#dropDownId').text();