javascript - 根据查询字符串从 Javascript 设置下拉选项

Question

我有一个部分 View ，其中有一个下拉菜单，并且我将该部分 View 包含在我的页面中两次。这是下拉菜单。

<form name="sortbyformtop">
            <select onchange="sort('@querystring', this.options[this.selectedIndex].value);" name="sortbyselecttop">
                <option value=""></option>
                <option value="accommodationtype">Accommodation type</option>
                <option value="mostreviewed">Most reviewed</option>
                <option value="lowestprice">Lowest price</option>
            </select>
        </form>

现在，当页面加载时，如果查询字符串包含键 sortby 那么我想获取 sortby 的值(这将是 accommodationtype、mostreviewed、lowestprice 即选项的值)。我想要做的是将页面上的两个下拉列表设置为与 sortby 查询字符串值匹配的选项。我尝试了很多方法，但没有任何效果。

你能帮忙吗？

编辑

我尝试过，但没有成功

$(document).ready(function () {
                $("#sortbyselecttop option").filter(function () {
                    alert($(this).text());
                    return $(this).text() == "lowestprice";
                }).first().prop("selected", true);
            });

Answer 1

不确定我是否读得好，但您只是希望下拉列表选择查询字符串的值吗？

如果是这样，请尝试以下操作:

$('select[name="sortbyselecttop"]').val('accommodationtype');

如果选择有一个类名，那么您可以使用一个 jQuery 命令设置两个下拉菜单，效果会更好。

here's a fiddle