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

Question

我有一个 jsp 页面，其中包含一个对话框。该对话框有单选按钮、下拉列表和 2 个按钮。检查单选框会执行一些操作。在该操作中，下拉列表将被填充。选择下拉列表中的项目后，表将填充在同一对话框中。有一个刷新按钮，它调用对话框功能，以便删除下拉列表中的所有值，甚至删除表。但我需要以下内容

• 单击“刷新”按钮时，我需要检索下拉列表中先前填充的值。
• 单击“刷新”按钮时，应检索之前选中的单选按钮。

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