如何将变量从外部JavaScript传递到HTML表单

时间:2013-10-28 20:54:35

标签: javascript html forms variables parameter-passing

我一直试图将外部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>

感谢您的帮助!

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:1)

可以吗?:

function divElement(divCode){
return divCode; 
}

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