雙向數據綁定使用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>