在jsp中刷新页面后检索先前填充的值和选择

Question

我有一个包含对话框的 jsp 页面。该对话框具有单选按钮以及一个下拉列表和 2 个按钮。选中单选框会执行一些操作。在该操作上，下拉列表被填充。 Onselecting 下拉列表中的项目将填充在同一对话框中。有一个刷新按钮，它调用对话框函数，以便删除下拉列表中的所有值，甚至删除表格。但我需要以下内容

• 单击刷新按钮我需要检索以前填充的值，因为它位于下拉列表中。
• 单击刷新按钮时，应检索先前选中的单选按钮。

myjsp.jsp

<input type="radio" class="radioButton" value="Display all" checked onclick="fnCheck();"> Display All

<input type="radio" class="radioButton" value="Display Divisions" onclick="fnCheck();"> Display Divisions 


<input type="radio" class="radioButton" value="Display Data" onclick="fnCheck();"> Display Data 
<select class="convoy_list">
<option>Values</option>
</select>
<input type="button" id="testbtn" value="Test" onclick="fnClickTest();" >
<input type="button" id="ok" value="OK" onclick="fnOK();" >
<input type="button" id="Refresh" value="Refresh" onclick="fnDisplay();" >

默认情况下，单选按钮“显示全部”被选中。休息所有按钮都被禁用。选中下拉列表中的单选按钮“显示数据”，启用“测试”按钮。单击测试按钮会执行一些操作并填充下拉列表。并且从下拉表中选择项目被填充在同一个对话框中。

刷新按钮的单击我需要检索以前存储的值，还需要检索以前检查过的单选按钮，而不是默认单选按钮。

我该怎么做？

Answer 1

为此，您可以使用localStorage，

当用户点击按钮然后保存数据并检查是否在localStorage中找到数据然后显示它。

例如，

$(function(){
    $('.radioButton').on('click',function(){
       // your code
       // now set the radio value in localstorage
       localStorage.setItem('defaultRadio',this.value);
    });
    if(localStorage.getItem('defaultRadio')){ // check that defaultRadio is set or not
        // if it is set then trigger a click on that radio by its value
        $('input[value="'+localStorage.getItem('defaultRadio')+'"]').click();
    }
});

Demo