2011-09-01 120 views
1

我想使用查询字符串将我的一个变量的值传递给另一个html页面。如何使用java脚本将值从一个HTML页面传递给其他页面?

first.html:

<body > 
    <form id="form1" name="form1" action="2.html"> 
    <input type="text" name="txtFileName" id="txtFileName"/> 

    <input type="hidden" name="hid1" value=""> 
    <br><input type="submit" value="Send me your name!" onClick="submitform();"> 
    <br> 
    </form> 
    <script type="text/javascript"> 
    function submitform() 
    { 
    document.form1.hid1.value="hidden value"; 

    document.form1.submit(); 
    } 
</script> 
    </body> 

second.html:

<html> 
<head> 
<SCRIPT LANGUAGE="javascript"> 
function getQueryVariable2(variable) { 

    var query = window.location.search.substring(1); 
    document.write(query); 
    var vars = query.split("&"); 
    document.write("<br />"); 
    document.write(vars); 

    for (var i=0;i<vars.length;i++) { 
    var pair = vars[i].split("="); 
    if (pair[0] == variable) { 
     return pair[1]; 
    } 
    } 
} 



</SCRIPT> 
</head> 
<body> 
<h1>Good morning</h1> 
<script LANGUAGE="javascript"> 
document.write("<br />txtFileName = " + getQueryVariable2("txtFileName")); 
document.write("<br />hid1 = " + getQueryVariable2("hid1")); 
</script> 
</body> 
</html> 

正如你建议我创造了我的网页。仍然这些正在开展所需的操作。我的错误是什么?

回答

4

编辑:我编辑了一点,这似乎为我工作,究竟是什么问题?

请解释什么是 “所需的结果” 是..

<form id="form1" name="form1" method="get" action="2.html"> 
    <input type="text" name="txtFileName" id="txtFileName"/> 

    <input type="hidden" name="hid1" value=""> 
    <br><input type="submit" value="Send me your name!" onClick="submitform();"> 
    <br> 
    </form> 
    <script type="text/javascript"> 
    function submitform() 
    { 
    document.form1.hid1.value="hidden value"; 

    document.form1.submit(); 
    } 
</script> 

第2页

<SCRIPT LANGUAGE="javascript"> 
function getQueryVariable2(variable) { 
    var query = window.location.search.substring(1); 
    document.write(query); 
    var vars = query.split("&"); 
    document.write("<br />"); 
    document.write(vars); 

    for (var i=0;i<vars.length;i++) { 
    var pair = vars[i].split("="); 
    if (pair[0] == variable) { 
     return pair[1]; 
    } 
    } 
} 


document.write("<br />txtFileName = " + getQueryVariable2("txtFileName")); 
document.write("<br />hid1 = " + getQueryVariable2("hid1")); 
</SCRIPT> 

看一看这个链接http://www.htmlgoodies.com/beyond/javascript/article.php/3471111/A-Quick-Tutorial-on-JavaScript-Variable-Passing.htm

+0

亲爱的先生我已经做了这种努力的这么多次。所以请检查我的代码,并告诉我我犯的错误。请不要告诉我交替。我已经尝试了很多替代品。 –

+0

先生,我想显示该隐藏变量的值到第二页意味着2.html –

2

method="get"添加到form元素。否则,可能会使用POST(默认值),它以不同的方式传递参数。

请参见:FORM method attribute

相关问题