javascript - 页面重定向后使用选定的选项文本更新下拉菜单文本

Question

您好，我想在页面重定向和下拉列表重新加载后使用所选选项文本更新下拉文本。这是我的代码

<div class="sorting-option">
    <select id="selectdropdown" class="dropdown-select">
        <option value="">Recommended Items</option>
        <option value="?sort1desc=F&sort1=Item_NAME">Name (A-Z)</option>
        <option value="?sort1desc=T&sort1=Item_NAME">Name (Z-A)</option>
        <option value=".f?sort1desc=F&sort1=Item_ONLINECUSTOMERPRICE">Price (Low- 
High)   
        </option>
        <option value=".f?sort1desc=T&sort1=Item_ONLINECUSTOMERPRICE">Price (High 
Low) 
        </option>
    </select>
</div>

当我从此下拉菜单中选择任何选项时，它会加载页面并打开该选项的值部分中的链接。每次加载页面后，我只会看到推荐的元素选项文本，而不是我从下拉列表中选择的文本。就像我选择名称 (Z-A) 它应该在页面加载后更新为下拉列表中的名称 (Z-A)。

到目前为止我已经尝试过这段代码，但它没有给我预期的结果

$(document).ready(function () {
        $('#selectdropdown').change(function () {
            location.href = $(this).val();
            $("#selectdropdown option:selected").text();
        });
    });

Answer 1

您可以在 <select> 的选项中使用所选属性.将 name 属性放在 select 中，当您提交表单时，在页面加载后获取相同的属性，并放置一个条件以便选择该元素。

<if selectdropdown = "sort1desc=F&sort1=Item_NAME"> selected<endif>

喜欢:

<div class="sorting-option">
    <select id="selectdropdown" class="dropdown-select" name= "selectdropdown">
        <option value="">Recommended Items</option>
        <option value="?sort1desc=F&sort1=Item_NAME" <if selectdropdown = "sort1desc=F&sort1=Item_NAME"> selected<endif> >Name (A-Z)</option>
        <option value="?sort1desc=T&sort1=Item_NAME">Name (Z-A)</option>
    </select>
</div>

所有选项都一样。