从输入文本中获取值参数

get value parameter from input text

本文关键字：值参 参数 获取 输入 文本      更新时间：2023-09-26

我想要获取文本输入的值。我想使用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没有显示任何内容。问题出在哪里？

感谢

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

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

JSFiddle

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

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

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

<script type="text/javascript"> 
var button = document.getElementById("startbuttonId");

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