获取组合框选定值答案

【问题标题】：Get combo box selected value获取组合框选定值
【发布时间】：2013-08-15 13:35:34
【问题描述】：

我有一个按钮，当单击该按钮时，它应该让我获得组合框所选项目的值。例如，如果我有以下组合和按钮：

<select id="client-sort-type">
    <option></option>
    <option>Name</option>
    <option>Recent</option>
</select>

<button id="client-sort-submit" type="button">Sort</button>

我想要...

<script type="text/javascript">
    $("#client-sort-submit").click(function () {
        var val = $("#client-sort-type").attr("value");
        window.location.href = "Project/Index/" + val;
    });
</script>

只有这不起作用，它总是什么都不返回。帮忙？

【问题讨论】：

link这个问题有你要找的答案。
您的标记不正确，请检查我的回答。

标签： jquery

【解决方案1】：

首先，您应该在<options> 中添加value=，否则可能会产生不良行为。

使用<option value="somevalue" >Name</option>

如果你想通过 jQuery 获取值，你应该使用：

$("#client-sort-type").val(); // this will give you "somevalue"

如果您想获取所选选项的文本，请使用：

$("#client-sort-type option:selected").text(); // This will give you "Name"

阅读this和this的区别，如果你的html保持原样，最好使用.text()

【讨论】：

【解决方案2】：

代替

val = $("#client-sort-type").attr("value");

使用

val = $("#client-sort-type").val();

【讨论】：

【解决方案3】：

使用

$("#client-sort-type").val()

【讨论】：