双向数据绑定使用jquery

Question

我们需要绑定这样的双向绑定。当我还显示值在内容使用Javascript或jQuery的..

function myFunction() { 
 
    var val = ''; 
 
    val = document.getElementById("text1").value; 
 
    document.getElementById("demo").innerHTML = document.getElementById("demo").innerHTML + val; 
 
}

<p>Select a new car from the list.</p> 
 
<input type='text' id="text1" onKeyup="myFunction()"> 
 

 
<p>When you select a new car, a function is triggered which outputs the value of the selected car.</p> 
 

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

改变数值如果你的任何想法，然后帮我！预先感谢您

Answer 1

而不是追加demo的值，你应该用文本框中的值替换值。

document.getElementById("demo").innerHTML = document.getElementById("text1").value; 

https://jsfiddle.net/03gkm4wh/

---

另外：

onKeyup属性应该是小写 - onkeyup。

mySelect未被引用。

Answer 2

像这样？

function myFunction() { 
 
    var val = document.getElementById("text1").value; 
 
    document.getElementById("demo").innerHTML = val; 
 
}

<p>Enter data:</p> 
 
<input type='text' id="text1" onKeyup="myFunction()"> 
 

 
<p>When you input new data, a function is triggered which updates the HTML.</p> 
 

 
HTML Output: 
 
<hr> 
 
<p id="demo"></p>