JSFiddle

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>

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

3 个答案:

JSFiddle