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

Javascript 在jsp中刷新页面后检索以前填充的值和选择,javascript,jquery,html,jsp,Javascript,Jquery,Html,Jsp,我有一个包含对话框的jsp页面。该对话框有单选按钮、下拉列表和两个按钮。检查收音机框,执行某些操作。在该操作上,将填充下拉列表。在下拉列表中选择项目时,将在同一对话框中填充表格。有一个刷新按钮,它调用对话框函数,以便删除下拉列表中的所有值,甚至删除表格。但我需要以下几点 单击“刷新”按钮后,我需要检索以前填充的值,因为它在下拉列表中 单击“刷新”按钮后,应检索先前选中的单选按钮 myjsp.jsp <input type="radio" class="radioButton" valu

我有一个包含对话框的jsp页面。该对话框有单选按钮、下拉列表和两个按钮。检查收音机框,执行某些操作。在该操作上,将填充下拉列表。在下拉列表中选择项目时,将在同一对话框中填充表格。有一个刷新按钮,它调用对话框函数,以便删除下拉列表中的所有值,甚至删除表格。但我需要以下几点

  • 单击“刷新”按钮后,我需要检索以前填充的值,因为它在下拉列表中
  • 单击“刷新”按钮后,应检索先前选中的单选按钮
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();" >
全部显示
显示分区
显示数据
价值观
默认情况下,选中单选按钮“全部显示”。其余所有按钮均已禁用。选中下拉列表中的单选按钮“显示数据”后,“测试”按钮将启用。单击测试按钮后执行一些操作,并填充下拉列表。“从下拉表中选择项目”将填充在同一对话框中

单击“刷新”按钮后,我需要检索以前存储的值,还需要检索以前选中的单选按钮,而不是默认单选按钮

我该怎么做呢?

对于这一点,您可以使用

单击“使用”按钮后,保存数据并检查是否在localStorage中找到数据,然后显示数据

对于egs

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

这会保存与单选按钮相关的所有值吗?还是只显示单选按钮值?只显示按钮值,我只显示一个示例如何使用它?您可以将json数据存储在一个变量中,并按要求显示它。当我尝试执行以下操作时,我实际上想在单击Refresh时检索上一个选中的单选按钮:“localStorage.setItem(“def”,this.value);”并尝试提醒这一点,我得到的值是未定义的。浏览器不支持吗?请参阅我的更新答案和上的localstorage演示