我有点需要将数据从 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/