Question

我正在使用此下拉菜单：

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和cookies，我是否也应该使用它？

Answer 1

Cookies虽然可能有效，但并不安全。您的某些用户可能已禁用Cookie，因此无法为其工作。

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

作为替代方案，您可以添加localStorage（html5）中选择的选项。但是，这种替代方案不适用于旧浏览器。

重新加载后，在下拉菜单中保存所选选项

1 个答案: