选择下拉更改重新加载恢复为第一个选项

Question

我有一个选择下拉列表，当我选择一个值时，我想刷新页面。

问题是只有firefox保留所选值 chrome和IE会重新加载，但它们会恢复到第一个选项

<select id="combobox1" onchange="location.reload()">
<option value="YTD">YTD</option>
<option value="QTD">QTD</option>
<option value="MTD">MTD</option>
</select>

Answer 1

我会使用localStorage在页面加载之间存储值：

Working jsFiddle

$(function() {
    if(localStorage.getItem('combobox1')){
        $('#combobox1').val(localStorage.getItem('combobox1'));
    }

    $('#combobox1').change(function(){
        localStorage.setItem('combobox1',$('#combobox1').val() );
        location.reload();
    });
});

...

<select id="combobox1" >
<option value="YTD">YTD</option>
<option value="QTD">QTD</option>
<option value="MTD">MTD</option>
</select>

Answer 2

如果您已在表单中写下此下拉列表，则在调用reload方法之前提交表单。

即onchange =“this.form.submit（）; location.reload（）”