オプションjspページの複数のエントリ

Question

ちょっと私は私のJSPページに投稿する必要があるフォームに取り組んでいます。フィールドの1つでは、私はプラス記号の形でオプションのマルチエントリが必要です。すなわち、ユーザがこのテキストボックスに複数のエントリを有することを望む場合、彼はプラス記号をクリックし、次に彼は情報を入力する。この問題を解決する方法について誰かが正しい方向に向けることができるか？

Answer 1

は、私はそれはあなたの問題を解決するかもしれないと思うこのコードを試してみてください： 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> 

JS：

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

     $('#addScnt').live('click', function() { 
       $('<p><label for="p_scnts"><input type="text" 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; 

結果： http://jsfiddle.net/jaredwilli/tzpg4/4/