從多個輸入字段中抓取文本

Question

如何從多個輸入字段中使用jquery抓取文本。目前，我的功能看起來像然而第一個輸入字段這

$("#submit").click(function() { 
    $("#inputDiv").text($("input").val()); 
}) 

這隻能爭奪我怎麼讓它走好每場

這裏的價值是我的工作的小提琴至今：http://jsfiddle.net/YqWv2/3/

Answer 1

$("#submit").click(function() { 
    $("#inputDiv").empty(); 
    $('input').each(function() { 
     $("#inputDiv").append($(this).val()).append('<br/>'); 
    }); 
}) 

您需要遍歷所有字段

Answer 2

您可以使用jQuery的.map方法來獲取所有的值和澳鵬將它們轉換爲適當的元素。

$("#submit").click(function() { 
    $("#inputDiv").text( 
     $("input").map(function() { return this.value; }).get().join(',') 
    ); 
}); 

WORKING JSFIDDLE DEMO

Answer 3

這裏是我的版本

$("#submit").click(function() {  
    var str = ""; 
    $("input").each(function(e){ 
     var currentItem = $(this).val(); 
     str = str + currentItem; 
    }); 
    $("#inputDiv").html(str); 
}) 

JSFiddle