二次元のHTMLフォーム入力

Question

そこで、基本的

I次のHTMLフォームがあります。

<form> 
    <div class="Question"> 
     <input name="question" type="text"></input> 

     <div class="alternatives"> 
      <input type="text" name="TextAlternative[]"></input> 
      <input type="text" name="TextAlternative[]"></input> 
     </div> 
     <a href="#\" class="newTextAlternative_click">New Alternative</a> 
    </div> 
    <a href="#\" class="newTextQuestion_click"></a> 
</form> 

私はオンライン投票アプリケーションの開発に取り組んでいますが、私は、ユーザーが一緒に一連の質問を定義する機能を提供したいです各質問の代替案の配列。

newTextAlternative_clickをクリックすると、新しい代替入力フィールドが生成されます。代入入力の括弧表記のおかげでTextAlternative []質問のすべての選択肢を配列形式で要求することができます。

問題が発生し、別のものを生成する場合質問 div。私は配列として各質問のための入力を要求することができるようにしたいので、私は次のことを実行しようとしました：

<input name="question[]" type="text"></input> 

これは私の配列として定義された各質問に対して質問を要求する可能性を与えます。しかし、私は今代替案に問題があります。

Question[i]Alternative[i] 

このようにそれをハードコーディングすることなく、：次のように

私は代替案を要求することができるようにしたい

<input name="Alternative[0][]"></input> 

この理由は、私はをユーザに提供することですフォーム内の質問の1つをもう一度削除する能力、代替案と同じ。私は毎回domをループせず、すべての配列インデックスを変更したいと思っています。

ありがとうございます。

Answer 1

これはjavascriptを使用して解決しました。送信時に、現在の選択肢を実行するスクリプトを作成し、それをJSONオブジェクトに解析してバックエンドでの処理を容易にします。