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

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

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

and

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

但两者都返回空字符串。

当前回答

试试这个:

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

 $('#dropDownId option').filter(':selected').val();

其他回答

use

$('#dropDownId').find('option:selected').val()

这应该工作:)

使用这些代码中的任何一个

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

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

或者你可以试试:

$("#foo").find("select[name=bar]").val();

我今天用它，它工作得很好。

对于所选文本的使用:

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

对于所选值的使用:

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

试试这个jQuery，

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

或者这个javascript，

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

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

看看下面的小提琴链接。

Demo1 | Demo2

推荐文章