Javascript html根据输入字段更改文本

我希望的值根据在输入字段中键入的内容进行更改。以下是我目前拥有的代码：

<input id="Medication" name="Medication" size="50" type="text" value="">
<script>
$(document).ready(function () {
  $('#Medication').change(function () {
    $('#myAnchor').text($(this).val());
  });
});
</script>
<h3 id="myAnchor"></h3>

---

使用keyup处理程序动态更改文本

$(document).ready(function () {
  $('#Medication').keyup(function () {
    $('#myAnchor').text($(this).val());
  });
});

您可以使用keyup或keydown

---

当您离开输入字段并单击其他地方时，将触发jquery更改或javascript onchange事件

每次按下或释放键时，都会触发keyup或keydown功能。如果希望在h3元素中同时写入，则keyup或keydown是最佳选项

如果您以内联方式进行操作，则它可以工作且经济：

<input type="text" onchange="$('#myAnchor').text(this.value)">

或

---

尽管如此，正如下面所评论的，如果您的脚本变得更加复杂，最好不要内联使用javascript、css等。有许多不同的方法可以实现这一点：

解决方案1使用jQuery

解决方案2使用Javascript-onkeyup

函数myFunctioninput{ var elementValue=input.value； document.getElementByIdmyAnchor.innerHTML=elementValue； }

---

是否可以使用多个函数分别更改多个ID？ 例如：

Javascript:

function myFunction(input){
    var elementValue = input.value;
    document.getElementById("myAnchor","myAnchor2","myAnchor3").innerHTML = 
    elementValue;
}

HTML:

<input id="Medication" name="Medication" onkeyup = myFunction(this) size="50" type="text" value="">

<input id="Medication" name="Medication" onkeyup = myFunction(this) size="50" type="text" value="">

<input id="Medication" name="Medication" onkeyup = myFunction(this) size="50" type="text" value="">


<div id="myAnchor"></div>
<div id="myAnchor2"></div>
<div id="myAnchor3"></div>

---

你现在的问题是？你得到的错误是什么？如果包含jQuery并且不复制ID，那么它应该可以正常工作：是的，内联处理程序可以工作，但是最好将结构和函数分开，特别是当内联处理程序只调用函数时

$(document).ready(function () {
 $('#Medication').keyup(function () {
 $('#myAnchor').text($(this).val());
});
});

function myFunction(input){
    var elementValue = input.value;
    document.getElementById("myAnchor","myAnchor2","myAnchor3").innerHTML = 
    elementValue;
}

<input id="Medication" name="Medication" onkeyup = myFunction(this) size="50" type="text" value="">

<input id="Medication" name="Medication" onkeyup = myFunction(this) size="50" type="text" value="">

<input id="Medication" name="Medication" onkeyup = myFunction(this) size="50" type="text" value="">


<div id="myAnchor"></div>
<div id="myAnchor2"></div>
<div id="myAnchor3"></div>