将所有动态添加的textarea值合并到一个textarea中

时间:2014-07-19 01:02:18

标签: javascript jquery

http://jsbin.com/bakijodu/1/edit

我正在开发一个实验性网页设计应用。我最近决定实现一种操作以前添加的css选择器的方法。我通常会为我的想法制作小型演示文稿,这样一旦完成后它就会更容易添加到应用程序中。但是我遇到了最近的一个问题。

我可以抓取选择器并操纵数据但是当涉及到整合代码时(通过将所有动态添加的textareas结合到一个textarea中),这就是我被困住的地方,因为它只显示来自第一个textarea的值增加了。

不确定为什么要这样做,也不知道如何解决问题。

总结一个问题如何将所有动态添加的textarea值合并到一个textarea中? (JQuery在我的尝试下提供了我正在做的事情)

如果有人能帮助它,我们将不胜感激。 Mucho gracias

  $("#remelms").html($(".holddezvalz").html()).find("input [type=text], select, button, a").remove();
  if ($("#remelms").html() === "undefined") {
    $("#remelms").html("");
  }
  $("#apply-fullren-code").html($("#remelms").html());
  $("#fullrencode").val($("#apply-fullren-code").text());
  $("#apply-full-code").html("<style type='text/css'>"+ $("#fullrencode").val() +"</style>");

2 个答案:

答案 0 :(得分:2)

这是一个示例,其中所需的文字位于class="in",最终进入id="result"

$('#result').val(function () {
    return $.map($('textarea.in'), function (el) {
        return el.value
    }).join('\n');
});

在每个来源之后添加换行符。

DEMO

答案 1 :(得分:1)

听起来您正试图从页面上的所有textarea元素中获取文本,并将文本合并为一个大的textarea。如果我错了,请纠正我。

为此,您将使用一些jQuery,如下所示:

function CombineTextAreas() {
    var MyParent = $('body'); //or whatever parent element contains the textareas you need

    var CombinedText;

    MyParent.find('textarea').each(function () {
        CombinedText += $(this).val();
        //add any combining logic in here
    }

    //use the CombinedText variable in a bigger textarea
}

这是你要找的东西吗?