javascript - 防止选择选项更改回默认值

Question

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

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

这很好用，但是因为页面本身被调用并且我更改了搜索团队的选项，例如，当页面加载时，默认选项显然会变回全名。我需要将其更改回之前选择的内容。

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

谢谢你的帮助。

Answer 1

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

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

如果你打算使用 cookie 来存储信息，那么你可以想一个像这样或这样的 jQuery 插件

一个抽象的实现可能看起来像

$('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);
});