HTMフォームのJquery Arrayからの入力の追加と削除

Question

フォームから入力を追加したり削除したりする必要があります。そして、最終的にPOSTできる配列から入力値を削除します。

入力の追加と削除は問題ありません。しかし、私は、新しい値を印刷するための配列を取得することはできません（？）

HTML

<div id="p_scents"> 
    <p> 
     <label for="p_scnts"><input type="text" id="p_scnt" size="20" name="p_scnt" value="" placeholder="NETWORK/[IP/CIDR]" /></label><a href="#" id="addScnt">Add Another Input Box</a> 
    </p> 
    <p class="result"></p> 
</div> 

をjQueryの

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

     $('#addScnt').live('click', function() { 
       $('<p><label for="p_scnts"><input type="text" id="p_scnt" name="p_scnt_' + i +'" value="" placeholder="NETWORK/[IP/CIDR]" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv); 
       encdom_local.push(1); 
       i++; 
       return false; 
     }); 
     $('#remScnt').live('click', function() { 
       if(i > 2) { 
         $(this).parents('p').remove(); 
         i--; 
       } 
       return false; 
     }); 

     $(".result").html(encdom_local.join("")); 
}); 

Answer 1

何を印刷によって意味することは、あなたのコード行である場合：

$(".result").html(encdom_local.join("")); 

Thイベントリスナーを追加した後は、一度だけ「発生」します。毎回印刷したい場合は、この印刷方法を.live（）イベントに追加するだけです。

Answer 2

この

$(".result").text(encdom_local.join(""));