将输入值设置为Javascript变量

17

假设我在JavaScript中有一个名为x的变量,如何将文本输入(HTML)的值设置为该变量?例如:

输入的值现在将会是Swag

<input type="text" value="Swag" />

但是如果我想让值成为一个 JavaScript 变量呢?我该怎么做?像这样吗?(我只是猜测,试图让我的观点更清晰)

<input type="text" value="variable.x" />

仅翻译文本内容:使用纯JS或jQuery - depperm
你不能这样做。相反,看看像Knockout这样的绑定系统。 - SLaks
2个回答

25

您可以在JavaScript代码中设置它,例如:

<input id="myInput" type="text" value="Swag" />

<script>
    var test = "test";
    document.getElementById("myInput").value = test;
</script>

谢谢!那么使用这种方法输入的值是“test”还是“swag”? - JakeTheSnake
1
哈哈!很高兴我能帮忙。 - brso05

2

这是一个更好的解决方案,可能会避免初学者的困惑...

<!DOCTYPE html>
<html>

<body>
<h1>Input and Display Message</h1>

<p>Enter a message</p>

  <input type="text" id="msg" ><br>
  <button onclick="displayMessage()">Click me</button>


<p id="showinputhere"></p>

<script>
function displayMessage(){
    let themsg = document.getElementById("msg").value;
    if (themsg){
        document.getElementById("showinputhere").innerHTML = themsg;
    }
    else{
        document.getElementById("showinputhere").innerHTML = "No message set";
    }
}
</script>

</body>
</html>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接