js调用表单值到变量

Question

好吧，这个问题很无聊。但已经让我总结了。

我在函数中使用 Js 脚本声明隐藏表单字段的值。

例如，这些只是示例，而不是真正的脚本。

function myFunction(){
    var text = "hello world";
    var number = 12345;



    document.getElementById('text').value= text; 
    document.getElementById('number').value= number; 

  }

然后我希望能够在另一个脚本中使用表单值作为变量。我意识到可以选择全局声明这些变量。但我听说它不太安全。或者像我想要的那样精简。

第二个脚本示例...

    var autoText = document.getElementById('text').value;
    var autoNumber = document.getElementById('number').value;

    ...do stuff with variables.

但是这不起作用并返回未定义。这是访问表单字段值的正确 DOM 路径还是我需要查找属性及其子属性？

我还有什么其他选择？

感谢您抽出时间。 HTML 是...

  <form action="http://mysite/mypath" method="post">

  <input type="text" name="text" id="text" value="">
  <input type="text" name="text" id="number" value="">
  <input type= "submit" name="go" value="go" allign="middle"/>
  </form> 

Answer 1

假设您已为所需元素设置了正确的 ID，那应该没问题。请记住，ID 必须是唯一的，否则会出现不可预测的问题。

确保在加载 DOM 后正在运行代码。否则，该元素可能尚不存在于 DOM 中，因此 document.getElementById 方法将无法找到它。

Answer 2

或者，您可以将该数据存储在闭包中，以便两个函数都可以访问该变量，但它不存储在全局范围中。像这样：

(function(){
  var text = "blah blah",
      number = 12345;

  function insertValues() {
    document.getElementById('text').value= text; 
    document.getElementById('number').value= number; 
  }
  function otherStuffWithValues() {
    alert(text);
    alert(number);
  }
  insertValues();
  otherStuffWithValues();
}())

此外，您还可以在第一个函数中声明变量，然后将变量作为参数传递到第二个函数，如下所示：

function insertValues() {
  var text = "blah blah",
      number = 12345;
  document.getElementById('text').value= text; 
  document.getElementById('number').value= number;
  otherstuff(text,number)
}

function otherstuff(sometext,somenumber) {
  alert(sometext);
  alert(somenumber);
}
insertValues()

Answer 3

我认为您在页面加载时没有设置启动脚本。如果是这样，您可以使用这个简单的事件处理程序：

window.onload = myFunction;

使用 myFunction 将与您上面的代码一起使用。