2013-10-28 44 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);