带有javascript的HTML弹出文本框
我需要设计一个文本框 如上图所示 它应该有两个文本框，如果我编辑一个，它应该反映在另一个（通过反之亦然） 请在这方面帮助我 提前谢谢你这是你想要的吗带有javascript的HTML弹出文本框,javascript,html,css,Javascript,Html,Css,我需要设计一个文本框 如上图所示 它应该有两个文本框，如果我编辑一个，它应该反映在另一个（通过反之亦然） 请在这方面帮助我 提前谢谢你这是你想要的吗 var textarea1=document.getElementById（“textarea1”）； var textarea2=document.getElementById（“textarea2”）； var button=document.getElementById（“按钮”）； 功能显示（按钮）{ 如果（button.innerHTM
var textarea1=document.getElementById（“textarea1”）；
var textarea2=document.getElementById（“textarea2”）；
var button=document.getElementById（“按钮”）；
功能显示（按钮）{
如果（button.innerHTML=“显示”）{
button.innerHTML=“隐藏”；
textarea2.style.display=“inline”；
}否则{
button.innerHTML=“显示”；
textarea2.style.display=“无”；
}
}
函数change1（）{
textarea2.value=textarea1.value；
}
函数更改2（）{
textarea1.value=textarea2.value；
}
Show<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>Test</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<textarea class="textarea-1" rows="4" cols="50">
test
</textarea>
<textarea class="textarea-2" rows="4" cols="50">
test
</textarea>
</body>
<script type="text/javascript">
var textarea1 = $('.textarea-1');
var textarea2 = $('.textarea-2');
textarea1.keyup(function() {
textarea2.val(textarea1.val());
});
textarea2.keyup(function() {
textarea1.val(textarea2.val());
});
</script>
</html>
测验
测验
测验
变量textarea1=$（'.textarea-1'）；
变量textarea2=$（'.textarea-2'）；
textarea1.keyup（函数（）{
textarea2.val（textarea1.val（））；
});
textarea2.keyup（函数（）{
textarea1.val（textarea2.val（））；
});
函数showPopup（）{
document.getElementById（'2'）.style.display=“block”；
}
函数syncValueWith2（）{
document.getElementById（'2'）。value=document.getElementById（'1'）。value；
}
函数syncValueWith1（）{
document.getElementById（'1'）。value=document.getElementById（'2'）。value；
}