从HTML获取数据并将其存储到$(window).load()

时间:2019-03-07 15:33:38

标签: javascript html

HTML:

<form>
   <input type="text" id = "userText"/>
   <button onclick="getData()">Send</button>
</form>

Javascript:

  var inputUser;
  // I tried this and it didn't work either

  function getData(){
    inputUser = document.getElementById("userText").value;
    alert(inputUser);
  }

  $(window).load(
    function(){ * something * })

我可以在函数getData()中获取数据,但是不能将该数据访问到$(window).load(function())中。

如果我将document.getElementById()放在*某些*代码中,或尝试使用inputUser。它什么也没返回。我想在*某物*中使用来自用户的文本输入。

那么我该怎么做?谢谢!

2 个答案:

答案 0 :(得分:2)

加载事件在用户加载文档时触发。

当时,用户尚未在表单中输入任何内容。

您无法在该函数中输入文本,因为尚不存在

答案 1 :(得分:1)

您在var inputUser内声明了getData(),因此只能在getData()内访问它(称为作用域)。

使用var inputUser;在外部(略上方)声明它。然后,在getData()内只需使用inputUser = ...进行设置(没有其他var),然后就可以从$(window).load访问它。