Question

解释起来有点复杂。我有一些输入字段，我想添加到textarea字段中。如果输入字段已填写，则应自动添加标题。这就是我希望它输出的方式（来自输入字段）：

HEADER
Input field 1
Input field 2

HEADER 2
Input field 3
Input field 4

HEADER 3
Input field 5
Input field 6

如果输入字段为空，则textarea应为空。如果你填写输入字段1，它应该自动添加＆＃34; HEADER＆＃34;在它之前。目前，每个＆＃34;部分＆＃34;有两个具有相同类的输入字段。在这种情况下，有3个部分，3个类。要添加前两个，我就是这样做的：

var texts = [];
if($(".header:first").val()) {
    $('.header').each(function () {
        if($(this).val()) {
            texts.push($(this).val());
        }
    });
}

班级＆＃34;标题＆＃34;是前两个输入字段。是否有捷径可寻？如果可能的话，我希望所有输入字段都具有相同的类，但我觉得我正在重复自己。感谢帮助。感谢。

Answer 1

尝试收听所有输入的change event。

$(".input-class").on("change", function(){
    var $this = $(this);
    var header = "<h1>Header N</h1>";
    if($this.val())
       $(header).insertBefore($this);

})

更简单的方法将输入字段文本添加到textarea？

1 个答案: