2013-10-28 48 views
-2

我一直在嘗試將外部JavaScript文件的值傳遞給HTML表單,但沒有運氣。這些文件相當大,所以我不確定我能解釋一切,但生病嘗試。如何將變量從外部JavaScript傳遞到HTML表單

基本上用戶點擊一個鏈接,然後啓動一個js文件。在加載新的HTML頁面後立即進行。

我需要將此值傳遞給表單字段中的HTML頁面。

的Javascript:

var divElement = function(){ 
divCode = document.getElementById(div1).innerHTML; 
return divCode; }; 

document.getElementById('adcode').value = divElement(); 

此後,它應該傳遞給此表單域

HTML表單字段:

<p>Ad Code:<br> 
<input type="text" name="adcode" id="adcode"/> 

    <br> 
    </p> 

感謝您的幫助!

回答

3

你的HTML文件需要引用JavaScript js文件。在你的JavaScript中有一個函數返回你需要的值。使用JavaScript(我喜歡jQuery)將表單字段設置爲你所需要的。

JS文件:

<script> 
    var divElement = function(){ 
    divCode = document.getElementById(div1).innerHTML; 
    return divCode; }; 

    document.getElementById('adcode').value = divElement(); 

    function GetDivElement() { 
    return divElement(); 
    } 
</script> 

HTML文件:

<p>Ad Code: 
    <br /> 
    <input type="text" name="adcode" id="adcode"/> 
    <br /> 
</p> 

<script src="wherever that js file is" /> 
<script> 
    window.onload = function() { 
     document.getElementById('adcode').value = GetDivElement(); 
    } 
</script> 

雖然,說真的,這可能會做你想做的(這取決於你正在嘗試做的):

<p>Ad Code: 
    <br /> 
    <input type="text" name="adcode" id="adcode"/> 
    <br /> 
</p> 

<script src="wherever that js file is" /> 
<script> 
    window.onload = function() { 
     GetDivElement(); 
    } 
</script> 
+0

你好道格拉斯, 你的答案看起來應該可以工作,但我很確定我現在知道什麼是錯的。它看起來像保存我需要的變量的初始js文件沒有用於html頁面上的表單。它的另一個js文件被用於表單。所以我需要將第一個js文件中的變量傳遞給其他js文件,然後使用你給我的代碼,它應該工作? – user2929293

+0

它看起來像目前的做法是將數據發送到URL然後從那裏拉...但我想要的數據是巨大的,所以我不認爲這是可能的。 – user2929293

1

難道是這個?:

function divElement(divCode){ 
return divCode; 
} 

divElement(document.getElementById('adcode').value);