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

Posted 2023-02-25

【中文标题】如何将变量从外部 JavaScript 传递到 HTML 表单

【英文标题】：How to pass Variable from External JavaScript to HTML Form

【发布时间】：2013-11-07 19:43:48

【问题描述】：

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

感谢您的帮助！

【参考方案1】：

您的 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>

【讨论】：

您好，Douglas，您的回答看起来应该可行，但我很确定我现在知道出了什么问题。看起来包含我需要的变量的初始 js 文件没有用于 html 页面上的表单。它是用于表单的另一个 js 文件。所以我需要将第一个js文件中的变量传递给另一个js文件，然后使用你给我的代码，它应该可以工作吗？

看起来它目前的做法是将数据发送到 URL，然后从那里拉出来......但我想要的数据很大，所以我认为这是不可能的。

【参考方案2】：

可以这样吗？：

function divElement(divCode)
return divCode; 


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