Question

我正在尝试从所有输入框中获取输入。然后添加到数组并通过<p>类打印。

触发器应该是一个按钮，然后在所有输入类中启动for循环。我错过了一些简单的东西吗？

HTML

<h2><a href="#" id="addScnt">Add Another Input Box</a></h2>

<div id="p_scents">
    <p>
        <label for="p_scnts"><input type="text" id="p_scnt" size="20" name="p_scnt" value="" placeholder="Input Value" /></label>
    </p>

</div>
<p class="result"></p>
<button id="add">SUMBIT

JQUERY

$(function() {
        var scntDiv = $('#p_scents');
        var i = $('#p_scents p').size() + 1;

        $('#addScnt').live('click', function() {
                $('<p><label for="p_scnts"><input type="text" class="encdom_local" id="p_scnt" size="20" name="p_scnt_' + i +'" value="" placeholder="Input Value" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv);
                i++;
                return false;
        });

        $('#remScnt').live('click', function() { 
                if( i > 2 ) {
                        $(this).parents('p').remove();
                        i--;
                }
                return false;
        });
});
$("button#add").click(function() {
    var encdom_local = [];
    $('.encdom_local').each(function() {
        values.push(encdom_local.val()+',');
    });
    $(".result").html(encdom_local.join(""));
});

http://jsfiddle.net/tZPg4/16740/

Answer 1

您应该获得输入（不是数组）的值，然后推送到您在上面创建的数组。然后使用with coma separator而不是按val（）+“，”

$("button#add").click(function() {
    var encdom_local = [];
    $('.encdom_local').each(function() {
        encdom_local.push($(this).val());
    });
    $(".result").html(encdom_local.join(","));
});

通过Jquery数组显示来自多个文本框的输入

1 个答案: