我有 2 个文本区域.连续单击添加描述按钮时，两个文本区域的文本将合并到第一个文本区域中

Question

我能够实现这一点，但我还需要一个时间/日期戳以及每个新条目。这是一个小提琴链接：

https://jsfiddle.net/Anupriya24/pstynje9/

脚本：

    var count=0;
$('.addDescBtn').on('click', function() {
    count++;
    if(count<=1){           
        if($("#description").val()==""){
            alert("Please add to existing description field.");
            $("#description").val("");
            $("#description").removeAttr("readonly");
            count=0; 
        }
        else {
            $("#descriptionHolder").append('<div class="form-group col-md-12 pad0 mar-t20" id="newDesc"><label class="col-md-3 pad0 visible-none" for="description1">Description:</label><textarea rows="5" cols="50" class="form-control col-md-9" id="description1" placeholder="Description"></textarea> </div>');
        }
    }
    if($('#descriptionHolder').find('#newDesc').length){
        var text=$("#description").val().trim();            
        var text1=$("#description1").val();         
        var combinedText=text+"n"+text1+"n";
        $("#description").val(combinedText);
        $("#description").attr('readonly', 'readonly');
        $("#description1").val(""); 
    }  
});

目录

                        <div class="form-group col-md-12 pad0" id="descriptionHolder">
                            <label class="col-md-3 pad0" for="description">Description:</label>
                            <textarea rows="5" cols="50" class="form-control col-md-9" id="description" placeholder="Description" ></textarea> 
                        </div>
                        <div class="form-group col-md-12 pad0">
                            <input type="button" class="addDescBtn orangeBtn btn fright" value="Add Description" id="addDescription"/>
                        </div>

Answer 1

试试这个：

   var count=0;
$('.addDescBtn').on('click', function() {
count++;
if(count<=1){           
    if($("#description").val()==""){
        alert("Please add to existing description field.");
        $("#description").val("");
        $("#description").removeAttr("readonly");
        count=0; 
    }
    else {
        $("#descriptionHolder").append('<div class="form-group col-md-12 pad0 mar-t20" id="newDesc"><label class="col-md-3 pad0 visible-none" for="description1">Description:</label><textarea rows="5" cols="50" class="form-control col-md-9" id="description1" placeholder="Description"></textarea> </div>');
    }
}
if($('#descriptionHolder').find('#newDesc').length){
    var text=$("#description").val().trim();            
    //Just added new Date() with your string; It will give current timestamp.
    var text1=$("#description1").val() + new Date();        
    var combinedText=text+"n"+text1+"n";
    $("#description").val(combinedText);
    $("#description").attr('readonly', 'readonly');
    $("#description1").val(""); 
}  
});

Answer 2

这个呢？https://jsfiddle.net/pstynje9/16/

var count=0, descs = [];
$('.addDescBtn').on('click', function() {
    if($('#descriptionHolder').find('#newDesc').length){
        descs.push(new Date().toString() + ':' + $("#description1").val());
    } else {
        descs.push(new Date().toString() + ':' + $("#description").val());
    }
    $("#description").val(descs.join('n'));
    count++;
    if(count<=1){           
        if($("#description").val()==""){
            alert("Please add to existing description field.");
            $("#description").val("");
            $("#description").removeAttr("readonly");
            count=0; 
        }
        else {
            $("#descriptionHolder").append('<div class="form-group col-md-12 pad0 mar-t20" id="newDesc"><label class="col-md-3 pad0 visible-none" for="description1">Description:</label><textarea rows="5" cols="50" class="form-control col-md-9" id="description1" placeholder="Description"></textarea> </div>');
        }
    }
    $("#description").attr('readonly', 'readonly');
    $("#description1").val(""); 
});