通過JQuery數組顯示來自多個文本框的輸入

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

你應該得到的輸入（不是數組）的值，然後推到上面創建的陣列。然後使用昏迷分離器，而不是推VAL（）+加盟「」

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