Question

我有一个由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;

我为它创建了一个表单并尝试使用onsubmit事件处理程序，但无法使其正常工作。我想要这样的东西：

onsubmit( temp, this.value)

其中temp是预定义变量，this.value是要传递给单独HTML页面的选定值，甚至是该HTML页面中的javascript函数。怎么办呢？

任何帮助非常感谢!!

Answer 1

您可以使用查询字符串。我们举个例子说另一个页面是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.

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

1 个答案: