2011-09-01 123 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

相關問題