Javascript 将所选值和变量传递到html页面

我有一个由javascript动态创建的下拉列表。我想将从该列表中选择的值与另一个javascript变量一起传递到另一个HTML页面，该页面将使用这些参数调用一个单独的javascript文件

 var dates = info[3];   
 html_list += '<div class="rows" align="center" id="date_list"><h3> Please select a date for individual test analysis</h3> <br> <br><select id="date_selection">';      
                    for(var i=0; i< dates.length; i++)  {
                     html_list += '<option value="'+ dates[i] +'">"' + dates[i] + '"</option>';
                    }
                    html_list += '</select></div></div>';
document.getElementById('patient_display').innerHTML += html_list;

其中，temp是一个预定义变量，this.value是要传递给单独HTML页面甚至该HTML页面中的javascript函数的选定值。如何做到这一点

---

非常感谢任何帮助

您可以使用查询字符串。例如，假设另一个页面是otherpage.html，那么您可以像这样链接到它：otherpage.html？data=123

这将是表单的操作，您应该动态地构造它

//let's say you have a DOM variable for the form called myForm
var value = $("select option:selected").val();
myForm.action = "otherpage.html?data=" + value;
myForm.submit(); //done.

---

这是否只是将所选值与变量一起传递？您可以使用查询字符串（如上所述）发送键/值对。上面并没有显示某些假设的select控件的确切情况，但是显示了任何情况。您需要编写代码以获取所选值。使用jQuery和伪选择器可以轻松地完成这项工作。

//let's say you have a DOM variable for the form called myForm
var value = $("select option:selected").val();
myForm.action = "otherpage.html?data=" + value;
myForm.submit(); //done.