Javascript 如何使用jquery从输入字段在一行中创建多个显示

我希望使用按钮onclick或任何其他方法在各自的div id中创建所有输入的显示，以在jquery中显示。请引导我。这里我只能创建onkeypress事件

函数tkpreview（）{
var a=document.getElementById（“inp1”）.value；
document.getElementById（“di1”）.innerHTML=a；
var b=document.getElementById（“inp2”）.value；
document.getElementById（“di2”）.innerHTML=b；
var c=document.getElementById（“inp3”）.value；
document.getElementById（“di3”）.innerHTML=c；
var d=document.getElementById（“inp4”）.value；
document.getElementById（“di4”）.innerHTML=d；
}

显示我的表单预览
名字
姓



电子邮件
接触



提交

试试这个

<script>
   $(document).ready(function(){
      $("#btn_1").click(function(){
        $("#di1").text($("#inp1").val());
        $("#di2").text($("#inp2").val());
        $("#di3").text($("#inp3").val());
        $("#di4").text($("#inp4").val());
      });
   });
</script>

$（文档）.ready（函数（）{
$（“#btn_1”）。单击（函数（）{
$（“#di1”）.text（$（“#inp1”）.val（））；
$（“#di2”）.text（$（“#inp2”）.val（））；
$（“#di3”）.text（$（“#inp3”）.val（））；
$（“#di4”）.text（$（“#inp4”）.val（））；
});
});

为什么不将

onkeypress

更改为

onclick

？您不需要jQuery，您可以在（'input'，tkpreview）上使用

$（'input.myinp'）

，这样您就不必使用内联代码和混乱的HTML。将按钮更改为

type=“button”

，这样它在单击Hanks时不会提交表单，但我希望它通过使用jquery的数组方法进行解算。请指导我

val（）

仅适用于表单控件，不适用于content elementsthanks，但它不能正常工作。测试时未显示预期结果。你能告诉我如何在jquery中用数组方法解决这个问题吗。