如何使用jQuery获取下拉框的选定值？
我试过用
var value = $('#dropDownId').val();
和
var value = $('select#dropDownId option:selected').val();
但两者都返回一个空字符串.
Pet*_*McG 808
对于单选dom元素,要获取当前选定的值:
$('#dropDownId').val();
要获取当前选定的文本:
$('#dropDownId :selected').text();
Nic*_*eve 57
var value = $('#dropDownId:selected').text()
应该工作正常,请看这个例子:
$(document).ready(function(){
$('#button1').click(function(){
alert($('#combo :selected').text());
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="combo">
<option value="1">Test 1</option>
<option value="2">Test 2</option>
</select>
<input id="button1" type="button" value="Click!" />Luc*_*cky 22
试试这个jQuery,
$("#ddlid option:selected").text();
或者这个javascript,
var selID=document.getElementById("ddlid");
var text=selID.options[selID.selectedIndex].text;
如果您需要访问值而不是文本,请尝试使用val()方法而不是text().
查看以下小提琴链接.
Kva*_*tar 14
试试这个
$("#yourDropdown option:selected").text();
Dev*_*One 12
我知道这是一个非常古老的帖子,我可能会因为这次可怜的复活而被鞭打,但我想我会分享一些非常有用的小JS片段,我在我的武器库中的每个应用程序中都会使用这些片段...
如果输入:
$("#selector option:selected").val() // or
$("#selector option:selected").text()
越来越老,尝试将这些小碎片添加到您的全局*.js文件中:
function soval(a) {
return $('option:selected', a).val();
}
function sotext(a) {
return $('option:selected', a).text();
}
只是写soval("#selector");或sotext("#selector");代替!通过组合两者并返回包含value和两者的对象来获得更高级的体验text!
function so(a) {
my.value = $('option:selected', a).val();
my.text = $('option:selected', a).text();
return my;
}
它为我节省了大量宝贵的时间,特别是在重型应用上!
这将提醒所选值.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>
又一个测试的例子:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$('#bonus').change(function() {
alert($("#bonus option:selected").text());
});
});
</script>
</head>
<body>
<select id="bonus">
<option value="1">-$5000</option>
<option value="2">-$2500</option>
<option value="3">$0</option>
<option value="4">$1</option>
<option value="5">We really appreciate your work</option>
</select>
</body>
</html>
| 归档时间： |
|
| 查看次数： |
1092653 次 |
| 最近记录： |