Question

我想将所选属性添加到我的选择选项HTML，我使用的是一个选项值，其中包含窗口位置href的链接。

<select name="sort">
    <option value="">Sort</option>
    <option value="category.php?c=electronic&sort=pricelow">Price Low</option>
    <option value="category.php?c=electronic&sort=pricehigh">Price High</option>
    <option value="categori.php?c=electronic&sort=popular">Popular</option>
</select>

$("select[name=sort]").change(function() {
    window.location.href = $(this).val();

    $(this).children().attr("selected","selected");
});

当我将所选选项更改为Price Low时，它会刷新页面并按最低价格排序，但该选项的值将无法正确排序。

我做错了什么？

Answer 1

重新加载页面时，无法执行其他操作。这就像擦除白板一样。

需要在页面加载时选择元素。您将看到该URL并将其与select元素匹配。理想情况下，服务器端代码会选择它。

$(function(){  //on document ready
    $("select[name=sort] option")  //get the options
        .filter( function () { //find the one that has the value that matches the url
             return window.location.href.indexOf(this.value)>-1; //return true if it is a match       
        })
        .prop("selected",true);  //select it
});

添加选定的属性jquery

1 个答案: