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

Question

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

502

如何使用jQuery获取下拉框的选定值？
我尝试使用以下代码：

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

和

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

但两者都返回空字符串。

- shyam

3

这两个都应该可以工作。问题必须在其他地方（例如，该代码是否包含在 $(document).ready(... 块中？） - karim79

5

这句话的意思是：获取下拉菜单（drop down）中当前选中项（selected）的值（value），并将其赋给变量（var）“value”。翻译如下：var value = $('#dropDownId:selected').val(); -> 获取下拉菜单id为“dropDownId”中被选中的选项的值，赋给变量"value"。 - ant

4

不，$('#dropDownId').val(); 是获取下拉框选中值最简洁的方式。 - karim79

1

@shyam，你不需要在这个语句中使用select，因为ID对于文档是唯一的，当引用类时，你应该只使用标签名select#dropDownId option:selected。 - ant

可能是重复的问题：如何获取select->option标签的索引。 - Chris Moschini

显示剩余2条评论

31个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Muddassir Irahad · Answer 1

$("#dropDownId").val('2');
var SelectedValue= $("#dropDownId option:selected").text();
$(".ParentClass .select-value").html(SelectedValue);


<p class="inline-large-label button-height ParentClass" >
     <label for="large-label-2" class="label">Country <span style="color: Red;">*</span><small></small></label>
     <asp:DropDownList runat="server" ID="dropDownId " CssClass="select" Width="200px">          
    </asp:DropDownList>
</p>