Javascript 如何使用HTML5存储保存下拉列表选择?

Javascript 如何使用HTML5存储保存下拉列表选择?,javascript,html,drop-down-menu,selection,local-storage,Javascript,Html,Drop Down Menu,Selection,Local Storage,我有 <form method="post" action="search.php"> <select name="country" class="dropdownselect" > <option value="">Select Country</option> <option value="Afghanistan" selected="selected">Afghani

我有

<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> 
我需要保存下拉选择,以便在有人执行搜索时保持选中状态

这可以通过HTML5存储功能实现吗


提前感谢

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

$(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());
    });

});

是的,您可以将其存储在选择更改上,然后在页面加载时读取:

$(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());
    });

});

当有人执行搜索时,我如何调用它来显示所选值?谢谢你的反馈!当某人执行搜索时,你是什么意思?如果页面被重新加载,它将自动被选中。如果是ajax搜索,它将保持选中状态。每次我搜索表单时,都会将下拉列表重置为默认值。。我尝试了上面的codea,但它不起作用。那么提交处理程序是什么样子的呢?你能更新你的问题吗?选择国家阿富汗阿尔巴尼亚阿尔及利亚,然后在PHP中我有sql查询。。谢谢你,迈克!当有人执行搜索时,我如何调用它来显示所选值?谢谢你的反馈!当某人执行搜索时,你是什么意思?如果页面被重新加载,它将自动被选中。如果是ajax搜索,它将保持选中状态。每次我搜索表单时,都会将下拉列表重置为默认值。。我尝试了上面的codea,但它不起作用。那么提交处理程序是什么样子的呢?你能更新你的问题吗?选择国家阿富汗阿尔巴尼亚阿尔及利亚,然后在PHP中我有sql查询。。谢谢你,迈克!