如何使用HTML5存储保存DropDown选择？

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.. 

---

当有人预先搜索时，我需要保存DropDown选项以保持选中状态。

可以使用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());
    });

});

DEMO