使用jQuery获取下拉菜单项的选定值

如何使用jQuery获得下拉框的选定值? 我试着用

var value = $('#dropDownId').val();

and

var value = $('select#dropDownId option:selected').val();

但两者都返回空字符串。

当前回答

这将提醒所选值。 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>

2014-05-23 05:51:11

其他回答

$("select[id$=dropDownId]").val()

试试这个

2014-03-14 06:07:17

使用下面的代码行，我们可以得到下拉列表值。这将工作

var getValue =文档。

2023-01-06 17:00:10

还有一个经过测试的例子:

<!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>

2013-10-11 19:55:29

试试这个jQuery，

$("#ddlid option:selected").text();

或者这个javascript，

 var selID=document.getElementById("ddlid");
 var text=selID.options[selID.selectedIndex].text;

如果你需要访问值而不是文本，那么尝试使用val()方法而不是text()。

看看下面的小提琴链接。

Demo1 | Demo2

2012-12-23 10:57:14

您可以通过使用以下代码来实现这一点。

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

如果您想从选择列表的选项中获取所选值。这样就可以了。

$('#dropDownId option:selected').text();

2018-05-16 12:13:06

使用jQuery获取下拉菜单项的选定值

推荐文章

最新文章

标签