Отображать входы из нескольких текстовых полей через массив 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(",")); 
});