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

从多个输入字段中抓取文本

3 个答案: