0

私はドロップダウンリストを持っていますが、ユーザーがデフォルトのオプション値 = "" (変更時) をリスト内の別のものに変更すると、フォームに同じドロップダウンリストを別の名前 +1 で再度追加したいと思います。または、無制限の数のドロップダウンを追加する可能性がある同様のもの...タグのリストを動的に作成するために使用する予定です。

これは、input type="text" http://jsfiddle.net/jaredwilli/tZPg4/4/で動作する、私が見つけた同様のスクリプトです。 

    $(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;
    });
});

    <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>

入力テキストではなくドロップダウンリストを追加したいことを除いて、実際に同じことを行う方法を見つけたいと思います...

どんな助けでも大歓迎です！:)

どうも

4

2 に答える 2

0

選択リストに追加するものを変更するだけです....

 <label for="p_scnts"><select id="p_scnt"  name="p_scnt_' + i +'"><option value="">ONE</option><option value="">TWO</option></select></label>

ここでフィドルを更新しました

于 2013-06-06T03:16:56.697 に答える