0

我正在使用这个下拉菜单：

HTML：

<ul id="dropdown">
    <li> Choose theme
    <ul> 
        <li id="stylesheet1" > <a href="#"> Default </a></li>
        <li id="stylesheet2" > <a href="#"> Theme 1 </a></li>
        <li id="stylesheet3" > <a href="#"> Theme 2 </a></li>
        <li id="stylesheet4" > <a href="#"> Theme 3 </a></li>

    </ul>
</li>
</ul>

这是CSS：

#dropdown {
 float: left;
 margin: 0;
 padding: 0;
 }
#dropdown li {
 background: #F7F0E0;
 border:1px solid #666;
 float: left;
 list-style: none;
 margin: 0;
 padding:0 0 0 10px;
 position: relative;
 height:20px;
 width:100px;
}
#dropdown li:hover {
 background: #FF2828;
}
#dropdown li a {
 text-decoration:none;
}
#dropdown ul {
 background: #F7F0E0;
 display: none;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 20px;
 left: -1px;
 z-index: 500;
}
 #dropdown ul {
 position: absolute;
   }
 #dropdown li:hover ul {
 display: block;
 }

下次重新加载页面时是否可能保留所选选项？或者我应该再做一个下拉菜单，例如：

<form>
<select id="myList" >
  <option id="stylesheet1">Default</option>
  <option id="stylesheet2">Theme 1</option>
  <option id="stylesheet3">Theme 2</option>  
  <option>Theme 3</option>
</select>

<form>

我在我的页面上使用 javascript 和 cookie，我是否也应该使用它来实现这一点？

4

1 回答 1

0

Cookie 虽然可能有效，但并不安全。您的某些用户可能禁用了 cookie，因此对他们不起作用。

要在下次重新加载页面时保持选择的选项，最好使用服务器端脚本，在数据中保留一些持久性。您可能会阅读有关PHP POST & GET和PHP Session的信息。

作为替代方案，您可以添加在localStorage (html5) 中选择的选项。但是，此替代方法不适用于旧浏览器。

于 2013-01-14T23:43:02.387 回答