javascript - 从输入文本中获取值参数

Question

我想获得文本输入的值。 我想通过使用id和getElementById来做到这一点：

这里的HTML代码：

<form>
  <fieldset>
  <legend>Input ordinate :</legend>
  <input type="text" id="ordinateId" name="input"/>
  <input type="button" id="startbuttonId" value="Start particle"/>
  </fieldset> 
</form>

和Javascript：

<script type="text/javascript"> 

var button = document.getElementById("startbuttonId");
var value = document.getElementById("ordinateId").value;

console.log(value);
button.onclick = function() {
  console.log(value);
}
</script>

但进入控制台，似乎没有任何value 。 问题出在哪儿 ？

谢谢

Answer 1

事件触发时，您需要再次获取值。 只需移动你的var value

button.onclick = function() {
  var value = document.getElementById("ordinateId").value;
  console.log(value);
}

Answer 2

问题是您在设置之前检查输入的值（在文档加载时）。 只需在click函数中移动变量声明，如下所示：

var button = document.getElementById("startbuttonId");

button.onclick = function() {
  var value = document.getElementById("ordinateId").value;
  console.log(value);
}

的jsfiddle

Answer 3

使用当前脚本，您只分配一次value ，我假设它是一个空字符串。 您需要将赋值放在函数内部，以便在单击时获取输入的当前值。

<script type="text/javascript"> 

var button = document.getElementById("startbuttonId");


button.onclick = function() {
    var value = document.getElementById("ordinateId").value;
    console.log(value);
}
</script>