Javascript 如何在jquery UI中重新加载页面后保留字段的选定值_Javascript_Jquery

Javascript 如何在jquery UI中重新加载页面后保留字段的选定值

javascript jquery

Javascript 如何在jquery UI中重新加载页面后保留字段的选定值,javascript,jquery,Javascript,Jquery,我想在页面刷新后保持所选的值，我使用jquery UI是可选的下面是jquery的代码示例 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Selectable - D

我想在页面刷新后保持所选的值，我使用jquery UI是可选的

下面是jquery的代码示例

<!doctype html>
 <html lang="en">
  <head>
<meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Selectable - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-
ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">

  <style>
  #feedback { font-size: 1.4em; }
  #selectable .ui-selecting { background: #FECA40; }
  #selectable .ui-selected { background: #F39814; color: white; }
  #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
  #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 
  18px; 
  }
  </style>
 <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
 <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
 <script>
 $( function() {
   $( "#selectable" ).selectable();
 } );
  </script>
</head>
<body>

<ol id="selectable">
<li class="ui-widget-content">Item 1</li>
 <li class="ui-widget-content">Item 2</li>
 <li class="ui-widget-content">Item 3</li>
<li class="ui-widget-content">Item 4</li>
<li class="ui-widget-content">Item 5</li>
 <li class="ui-widget-content">Item 6</li>
<li class="ui-widget-content">Item 7</li>


jQuery UI可选-默认功能
#反馈{字体大小：1.4em；}
#可选。用户界面选择{背景：#FECA40；}
#可选。ui已选择{背景：#F39814；颜色：白色；}
#可选{列表样式类型：无；边距：0；填充：0；宽度：60%；}
#可选li{边距：3px；填充：0.4em；字体大小：1.4em；高度：
18px；
}
$（函数（）{
$（“#可选”）.selective（）；
} );
第1项
第2项
第3项
第4项
第5项
第6项
第7项

实现这一点的最佳方法是什么？只需将值存储在cookie中，并在document.load方法中引用它

来自QuirksMode（包括转义字符）

使用并将您为项目提供的id存储为

在初始页面加载时，您应该检查存储项，并将所选类赋予具有匹配ID的项

$(storageId ,'#selectable').addClass('ui-selected');

使用可能更好，因为使用此信息的可能是客户端

createCookie('StoredValueName', selectedValue, 1)

$(storageId ,'#selectable').addClass('ui-selected');