javascript - 如何使用 HTML5 存储保存下拉选择？

Question

我有;

<form method="post" action="search.php">
     <select name="country" class="dropdownselect" >

         <option value="">Select Country</option>   

             <option value="Afghanistan" selected="selected">Afghanistan</option>
             <option value="Albania" selected="selected">Albania</option>
             <option value="Algeria" selected="selected">Algeria</option>
     </select>
 </form> 

然后在search.php中；

$country = $country; 
+
SQL query for $country.. 

---

当某人进行搜索时，我需要保存下拉选择以保持选中状态。

可以用 HTML5 存储功能完成吗？

提前致谢

Answer 1

是的，您可以将其存储在选择更改中，然后在页面加载时阅读：

$(document).ready(function() {

    var item = window.localStorage.getItem('country');
    $('select[name=country]').val(item);

    $('select[name=country]').change(function() {
       window.localStorage.setItem('country', $(this).val());
    });

});

演示