Question

我是Java语言的新手，正在尝试改编我在网上找到的脚本，但是我无法提取在名字文本字段中输入的值。我不明白我要怎么做。请有人可以看看吗？谢谢。

function myFunction() {
  var x = document.getElementById("fname").value;
  document.getElementById("demo").innerHTML = "Found " + x;
}

<form id="myForm" action="/action_page.php">
  First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>

<button onclick="myFunction()">Get it</button>

<p id="demo"></p>

Answer 1

您正在使用document.getElementById()来获取元素的值。

这意味着您的元素必须具有id属性。就您而言，您的元素仅具有name属性。所以应该这样。

<!DOCTYPE html>
<html>
<body>

<form id="myForm" action="/action_page.php">
  First name: <input type="text" name="fname" id="fname"><br>
  Last name: <input type="text" name="lname" id="lname"><br>
  <input type="submit" value="Submit">
</form>

<button onclick="myFunction()">Get it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x = document.getElementById("fname").value;
    document.getElementById("demo").innerHTML = "Found " + x;
}
</script>

</body>
</html>

我在您的表单元素中添加了id属性。

我无法在javascript中提取元素值

1 个答案: