1

javascriptで関数を停止する
これを使用することで、ページに無制限の入力を追加できます。しかし、私の場合、問題は入力フィールドがありますが、子またはサブ入力フィールドがある場合とない場合があり、その場合は親入力フィールドに関連付ける必要があります。

また、親入力フィールドは、サブ入力フィールドには必須です。
質問？
動的入力フィールド（上記から取得）、
動的な子/サブ入力フィールド、
子/サブ入力フィールドを親に関連付ける方法。
これにより、関連フィールドをデータベースに保存できます。

4

2 に答える 2

0

http://jsfiddle.net/Shahbaz/WhaBx/

これから、複数の入力フィールドを追加し、複数のサブ/子入力フィールドを追加できます。追加することができます。もっと修正してみます。

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

    $('#addScnt').live('click', function() {
        $('<p>Keyword: '+i+'<a href="#" id="remScnt">Remove</a><br><labelfor="p_scnts"><input type="text" id="p_scnt" size="20" name="keyword[]" value="" placeholder="Enter Keyword" /><a href="#" id="addVar">Add Variants</a><a></a></label></p>').appendTo(scntDiv);
        i++;
        return false;
    });

    $('#remScnt').live('click', function() {
      if( i >2 ) {
          $(this).parents('p').remove();
          i--;
       }
       return false;
    });

    $('#addVar').live('click', function() {
    //alert();
    $('<p><label for="var"><input type="text" id="p_scnt" size="20" name="p_scnt_' + i +'" value="" placeholder="Enter Vareyword" /></label> <a href="#" id="remVar">Remove Var</a></p>').appendTo($(this).next());
    return false;
    });


    $('#remVar').live('click', function() {
       $(this).parent('p').remove();
       return false;
    }); 
});

<h2><a href="#" id="addScnt">Add Another Input Box</a></h2>
<div id="p_scents">
    <p>
       Keyword: 1
    <br/>
       <label for="p_scnts"><input type="text" id="p_scnt" size="20" name="keyword[]" value="" placeholder="Enter keyword">
       <a href="#" id="addVar">Add Variants</a>
       </label>
    </p>
</div>
于 2013-02-20T08:01:50.627 に答える
0

同様の機能を使用して、別の名前の段落の下に追加します。これが役立つことを願っています。それを試してみてください。

于 2013-02-20T07:35:45.093 に答える