0

ページ上の特定の Web フォーム (同じ構造を持つすべての Web フォーム) を動的に追加および削除する Web ページを開発したいと考えています (追加ボタンと削除ボタンを押すと)。Web フォームの追加と削除は、以下のコードで (jquery 関数を使用して) 既に機能していますが、さらにフォームを送信するときに、関連する一意の名前の値を作成するのにまだ苦労しています。私の考えは次のとおりです: - すべてのフォームを配列 (forms()) に入れ、それぞれに一意の名前値を付けます - ...そして、どのフォームが追加/使用され、どのフォームが削除されたかを配列 (formsavailable()) に保持します。

フォームを追加するときに formsavailable() を維持するためのコード (以下) を既に追加しました。しかし、フォームを削除するために formsavailable() をコーディングする方法がわかりません。

何か案は？または、説明されているコンテキストで一意の名前の値を作成する簡単な方法はありますか?

コメントをお願いします。

ありがとうございました。

コード：

<script>
    var forms = Array();
    var formsavailable = Array();

    forms = getProductconfigforms(); //create a list of strings with the product forms

    var NUMBER_OF_FORMS = 5;

    for (var i=1; i<=NUMBER_OF_FORMS;i++)
    {
            formsavailable[i] = true; //at the start all forms are
    }


        //script for adding and removing productss
        $(document).ready (function () {
            var i;
            $('.btnAdd').click (function () {
                i = formsavailable.indexOf(true);       
                $('.buttons').append(forms[i]); // end append
                formsavailable[i] = false;

                $('div .btnRemove').last().click (function () { 
                    $(this).parent().last().remove();    
                }); // end click
            }); // end click                

        }); // end ready
    </script>




</head>

<body>
<h2> text here </h2>
<div class="buttons">
<input type="button" class="btnAdd" value="Add"><br>         
</div>
<p> tekst </p>

<input type="button" value="Terug naar stap 1" onclick="goBack()">

</body>

4

1 に答える 1

1

実際には、一意のインデックスまたは一意の名前を作成する必要はありません。HTTP プロトコルは、同じ名前の複数のデータ ポイントの送信をサポートしています。

たとえば、これはまったく問題ありません: &name=me&name=you&name=them&name=her. バックエンドでは、使用しているフレームワークと言語に応じて、単純に配列を取得します。

したがって、フォームでは、使用できます

<label> Product 1 <input name="product_name" type="text" /></label>
<label> Product 2 <input name="product_name" type="text" /></label>
...

必要な数のフォームを追加するまで、以下同様です。フォームを送信すると、ページは自動的にそれらをバックエンド フォームに送信します。バックエンド フォームでは、各フォームをプログラムで解析できます。

于 2013-07-02T16:01:15.093 に答える