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

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

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

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

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

谢谢你的帮助。

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); });