Question

我的页面在下拉菜单中有6个选项。我使用下面的代码来制作默认选择选项“全名”

       $(function(){
         $('select option[value="Full Name"]').attr("selected",true);
       });

这样可以正常工作，因为页面是自己调用的，我更改了搜索Team的选项，例如，当页面加载默认选项时，显然会改回Full Name。我需要将其更改回之前选择的内容。

这听起来很容易，我现在只是想出一个空白。

感谢您的帮助。

Answer 1

您需要使用服务器或客户端技术存储下拉列表的状态。

在客户端，您可以使用cookie或html5存储（如local storage）来存储所选值，当重新访问页面并且存储了值时，您可以选择该值而不是默认值

如果您打算使用cookie来存储信息，那么您可以考虑使用jQuery插件，例如this或this

抽象实现可能看起来像

$('select').change(function(){
    storeValue('mykey', $(this).val());
})

function storeValue(key, value){
    $.cookie(key, value)
}

function getValue(key){
    return $.cookie(key);
}

$(function(){
    var val = getValue('mykey') || 'Full Name';
    $('select option[value="' + val + '"]').prop("selected",true);
});

阻止选择选项更改回默认值

1 个答案: