将输入值设置为 Javascript 变量答案

【问题标题】：Set Input Value to Javascript Variable将输入值设置为 Javascript 变量
【发布时间】：2015-06-25 20:08:36
【问题描述】：

假设我在 javascript 中有一个名为 x 的变量。如何将文本输入 (HTML) 的值设置为该变量？例如：

输入的值现在将是 Swag

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

但是如果我希望该值是一个 javascript 变量呢？我该怎么办？像这样的东西？（我只是猜测，试图说明我的观点）

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

【问题讨论】：

纯js或jquery
你不能那样做。相反，请查看诸如 Knockout 之类的绑定系统。

标签： javascript html variables input

【解决方案1】：

您可以在您的 javascript 代码中设置它，例如：

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

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

【讨论】：

谢谢！那么这个方法的输入值是“test”还是“swag”？
哈哈！很高兴我能帮上忙

【解决方案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>

【讨论】：