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

标签 javascript jquery css

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

相关文章:

javascript - RangeError : Maximum call stack size exceeded caused by array. splice.apply?

javascript - 在 JavaScript 中使用全局引用的函数内设置超时的奇怪行为

javascript - 调整 Owl Carousel 的高度

html - (移动 View )如何使 UI 选项卡标题作为下拉列表工作

css - IE8 中消失的背景图像

css - 让最后一个元素占据剩余空间

javascript - MVC3 启用禁用按钮 Razor

javascript - 我想开发一个 java 脚本代码,通过它我使用空格键暂停 setInterval 函数

javascript - websocket 游戏 - 持久保存玩家数据

javascript - 通过 jQuery 通过内部按钮更改 iFrame 的页面