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の値を追加するのではなく、その値をテキストボックスの値に置き換えるだけです。

https://jsfiddle.net/03gkm4wh/また

---

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

：

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>