文本框的Onblur將值附加到textarea

Question

我想繼續將文本框值添加到texarea文本框甚至文本框中。

下面是我的JS代碼：

$(document).on('blur','#headLine,#line1,#line2',function(){ 
     var txt = $.trim($(this).text()); 
     var textarea= $("#preview"); 
     textarea.val(textarea.val() + txt); 
    }); 

但它不工作。我究竟做錯了什麼？

謝謝。

Answer 1

您需要使用.val()，而不是.text()得到一個input字段的值：

$(document).on('blur','#headLine,#line1,#line2',function(){ 
    var txt = $.trim($(this).val()); // Change to .val() 
    var textarea= $("#preview"); 
    textarea.val(textarea.val() + txt); // You did it here correctly 
}); 

這裏是一個fiddle證明。

Answer 2

你可以試試這個，

$(document).on('blur','#headLine,#line1,#line2',function(){ 
var txt = $.trim($(this).val()); 
var textarea= $("#preview"); 
console.log(txt);  
textarea.val(textarea.val()+'\n'+txt); 
}); 

演示：http://jsfiddle.net/XM4kb/4/