Question

我有一个按钮，当点击它时，应该得到一个组合框的选定项的值。例如，如果我有以下组合和按钮：

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

只有这不起作用，它总是什么也不返回。帮助

Answer 1

对于初学者来说，value=中应该有<options>，否则可能会产生不良行为。

使用 <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原样，最好使用{{1} }

Answer 2

使用

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

Answer 3

而不是

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

使用

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

获取组合框选中的值

3 个答案: