Javascript 防止选择选项更改回默认值

Javascript 防止选择选项更改回默认值,javascript,jquery,Javascript,Jquery,我有一个在下拉菜单中有6个选项的页面。我使用下面的代码设置默认的选择选项“全名” 但是,这很好,因为页面本身被调用,我更改了搜索团队的选项,例如,当页面加载时,默认选项将明显更改回全名。我需要将其更改回以前选择的内容 这听起来很容易做到,我现在只是想找个空白 感谢您的帮助。您需要使用服务器或客户端技术存储下拉列表的状态 在客户端,您可以使用cookie或html5存储来存储所选的值,当重新访问页面时,如果存在存储的值,则可以选择该值而不是默认值 如果您计划使用cookie来存储信息,那么您可以考

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

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

这听起来很容易做到,我现在只是想找个空白


感谢您的帮助。

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

在客户端,您可以使用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);
});

+1尽可能快;)默认选项通常是第一个或服务器设置的任何选项。既然这是对服务器的访问,为什么不在服务器上设置呢?比客户端更健壮,无需编写脚本。
$('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);
});