gpt4 book ai didi

javascript - 两种方式绑定(bind)(从多个文本框到 JQuery 中的单个文本区域)

转载 作者:行者123 更新时间:2023-11-28 03:01:36 25 4
gpt4 key购买 nike

我有点需要将数据从 text-box (多个)更新到文本区域的情况。

我有 5 个文本框,我在其中输入名称,还有一个文本区域,我在其中根据文本框中的名称更改自动更新。

textbox 1 = "i",textbox 2 = "am",textbox3 = "trying",textbox4 = "to",textbox5 = "concatenate"

然后,文本区域应该显示。 - 我正在尝试连接。

现在,如果我更新文本区域中的任何内容,比如我将“trying”更改为“tried”,然后我将 textbox1 中的内容(如“I”更改为“we”),那么在文本区域中它不应替换“tried”再说一遍。

我正在尝试使用 jquery 来做到这一点。有什么解决办法吗,请告诉我。

谢谢

最佳答案

你可以试试这个:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".inputText").keyup(function(){
$('#result')[0].innerHTML=$('#one').val()+$('#one1').val()+$('#one2').val()+$('#one3').val()+$('#one4').val();
//$("input").css("background-color", "pink");
});
});
</script>
</head>
<body>
<input type="text" class="inputText" id="one"/>
<input type="text" class="inputText" id="one1"/>
<input type="text" class="inputText" id="one2"/>
<input type="text" class="inputText" id="one3"/>
<input type="text" class="inputText" id="one4"/>
<br /><br />
Result:
<textarea id="result"></textarea>

</body>
</html>

关于javascript - 两种方式绑定(bind)(从多个文本框到 JQuery 中的单个文本区域),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46167291/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com