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

Question

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

谢谢你的帮助！

Answer 1

您的 HTML 文件需要引用 JavaScriptjs文件。在你的 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>

Answer 2

可以这样吗：

function divElement(divCode){
return divCode; 
}

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