は、私はAPPEND使用してHTMLコードを追加したい

Question

秒の時間をポップアップが、2番目の時間を追加するとき、入力中のテキストは、新しい行に従わないとき、入力値がクリアされていませんしたいです：

'<form>' + 
    '<input type="text" id="newFoldr" name="fname" placeholder=".ex nameFanpage" value="">' + 
    '<input type="button" class="cancelButton" id="cancelButton" value="Cancel" data-dismiss="modal" aria-label="Close">' + 
    '<input type="button" class="submitButton" id="submitButton" value="Create" style="width:142px;margin-left: 5px;">' + 
    '</form>' +  

Javascriptを：

$('.submitButton').click(function() { 
    var addFolder = '<div class="_5bm7 _2mk4" role="presentation" style="height: 50px;border:none;"><div class="_5bmf"></div>' + 
    '<div class="_1577">' + 
    '<div class="ellipsis">' + 
    '<div class="_1i5z"><div class="_1i5-">' + 
    '</div>' + 
    '</div>' + 
    '<span id="namaFolder"></span>' + 
    '</div>' + 
    '</div>' + 
    '</div>'; 

    if(document.getElementById("newFoldr").value === ''){ 
     swal("Whoops!", "You need to write something!", "info"); 
    } else { 
     $('.columnFolder').append(addFolder); 
     var inputan = document.getElementById("newFoldr").value; 
     document.getElementById("namaFolder").innerHTML= inputan; 
     swal("Success!", "Your folder has been created!", "success"); 
    } 
}); 

スクリーンショット：http://prntscr.com/h1pz43

Answer 1

あなたが入力値をクリアすることができない場合だけ

document.getElementById("newFoldr").value = ""; 

完全なJavaScriptコードが

$('.submitButton').click(function() { 
    var addFolder = '<div class="_5bm7 _2mk4" role="presentation" style="height: 50px;border:none;"><div class="_5bmf"></div>' + 
    '<div class="_1577">' + 
    '<div class="ellipsis">' + 
    '<div class="_1i5z"><div class="_1i5-">' + 
    '</div>' + 
    '</div>' + 
    '<span></span>' + 
    '</div>' + 
    '</div>' + 
    '</div>'; 

    if(document.getElementById("newFoldr").value === ''){ 
     swal("Whoops!", "You need to write something!", "info"); 
    } else { 
     $('.columnFolder').append(addFolder); 
     var inputan = document.getElementById("newFoldr").value; 
     $('.columnFolder div._5bm7._2mk4:last').find('span').text(inputan); 
     document.getElementById("newFoldr").value = ""; 
     swal("Success!", "Your folder has been created!", "success"); 
    } 
});