使用jquery合并文本？
使用jquery合并文本？
提问于 2015-03-25 06:59:28
我想使用jquery组合文本，这是我的代码：
<textarea id="input1" rows="4" style="width:100%; margin-top:10px; height:100px; resize:none;" placeholder="Text 1" wrap="off"></textarea>
<textarea id="input2" rows="4" style="width:100%; margin-top:10px; height:100px; resize:none;" placeholder="Text 2" wrap="off"></textarea>
<textarea id="input3" rows="4" style="width:100%; margin-top:10px; height:100px; resize:none;" placeholder="Text 3" wrap="off"></textarea>
<textarea id="ouput" rows="4" style="width:100%; margin-top:10px; height:100px; resize:none;" placeholder="Output" wrap="off"></textarea>
<button id="process" type="button" name="clicknow">Generate!</button>Jquery：
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$('#process').on('click', function(){
var test1 = $('#test1').val();
var test2 = $('#test2').val();
var test3 = $('#test3').val();
$('textarea#output').append(test1+test2+test3);
});
</script>投入1：
一-一 2-2 三-三
投入2：
4-4 5-5 6-6
投入3：
七-七 八-八 9-9
输出：
1-1 4-4 7-7 2-2 5-5 8-8 3-3 6-6 9-9
回答 3
Stack Overflow用户
发布于 2015-03-25 07:22:37
http://jsfiddle.net/bsarunmca/2bfz5qLa/ --检查这个文件。
$('#process').click(function(){
$('#ouput').val($('#input1').val() + ' ' + $('#input2').val() + ' ' + $('#input3').val());
});Stack Overflow用户
发布于 2015-03-25 08:04:32
这是一个很好的编程实践。如果它起作用，请看这把小提琴：https://jsfiddle.net/5cz3rtmb/4/
我添加了一些JS函数来完成这项工作：
$("#process").click(function() {
var outputText = getOutput(
$("#input1").val(),
$("#input2").val(),
$("#input3").val()
);
$("#output").html(outputText);
});Stack Overflow用户
发布于 2015-03-25 08:18:32
尝尝这个。只要稍微调整一下，就能使它充满活力
小提琴：http://jsfiddle.net/9eps8x06/
$('#process').click(function(){
var lines1 = $('#input1').val().split('\n');
var lines2 = $('#input2').val().split('\n');
var lines3 = $('#input3').val().split('\n');
var output='';
output += lines1[0] + lines2[0] + lines3[0]+'\n';
output += lines1[1] + lines2[1] + lines3[1]+'\n';
output += lines1[2] + lines2[2] + lines3[2]+'\n';
$('#output').val(output);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29249341
复制相关文章
相似问题
腾讯云开发者
