如何使用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();
但两者都返回空字符串。
当前回答
你需要这样放。
$('[id$=dropDownId] option:selected').val();
其他回答
对于正常页面加载下拉列表
$("#dropDownId").on('change',function(){
var value=$(this).val();
alert(value);
});
确保保持id的唯一性
$(document).on('change','#dropDownId',function(){
var value=$(this).val();
alert(value)
});
这将提醒所选值。 JQuery代码…
$(document).ready(function () {
$("#myDropDown").change(function (event) {
alert("You have Selected :: "+$(this).val());
});
});
HTML代码…
<select id="myDropDown">
<option>Milk</option>
<option>Egg</option>
<option>Bread</option>
<option>Fruits</option>
</select>
使用这些代码中的任何一个
$('#dropDownId :selected').text();
OR
$('#dropDownId').text();
使用下面的代码行,我们可以得到下拉列表值。这将工作
var getValue =文档。
如果你有一个以上的下拉尝试:
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;
}