Question

我正在制作涉及用户文本输入的动态js代码。当用户输入文本时，我正在创建的JavaScript变量将基于此而更改。但是，它不返回用户输入。

我尝试使用列出的示例，在该示例中创建一个表单，为其分配一个值，然后尝试在我的JavaScript中引用它。在来这里之前，我已经看了很多文章，但没有一篇回答我的问题。该代码总是返回实际HTML标记中的值，而不是用户输入。

例如，每当我使用它时

    <form>
    <input type="text" name="textie" value="TypeHere">
    </form>

并尝试使用类似这样的方式获取它...

    var userInput = document.getElementById('TypeHere').value;

...页面返回“ TypeHere”，而不是用户输入。我在做什么错了？

我希望看到用户输入，但是它总是返回值（在这种情况下为TypeHere）。

Answer 1

使用document.getElementById时，必须使用ID NOT值。

function printText(){
 var userInput = document.getElementById('dd').value;
 alert(userInput)}

<form>
    <input id = "dd" type="text" name="textie" onchange="printText()" >
    </form>

Answer 2

指定两件事：

function myfunc(val) {
  alert(val)
}

<input type="text" name="textie" value="TypeHere" onchange="myFunc(this.value)">