从多个输入字段抓取文本

Grabbing text from multiple input fields

本文关键字：抓取 取文本 字段 输入      更新时间：2023-09-26

如何使用jquery从多个输入字段中抓取文本?目前我的函数看起来像这样

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

这只从第一个输入字段获取但是我如何使它获取每个字段的值

这是我到目前为止的工作:http://jsfiddle.net/YqWv2/3/

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

需要遍历所有字段

您可以使用jQuery .map方法获取所有值并将它们附加到适当的元素。

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

WORKING JSFIDDLE DEMO

我的版本

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

JSFiddle

相关文章：