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

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

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>

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

javascript - get value parameter from input text

html

getelementbyid

JSFiddle