動的に生成された複数のリストボックスの複数の値から値を取得する

Question

私は自分のウェブページにフォームフィールドを含む行を動的に追加するフォームを持っています。フォームフィールドの1行は、テキストボックスと複数選択リストで構成されます。チュートリアルここからソース：http://viralpatel.net/blogs/2009/03/dynamically-add-remove-rows-in-html-table-using-javascript.html

私のテキストボックスのコードは次のとおりです。

<input type="textbox" name="name[]" id="name" size="20" maxlength="50" /> 

そして、私の複数選択リストのためのコードは次のとおりです。

<select name="friend[]" multiple size="4" id="friend" style="width:150px" > 
<option value="none" selected="selected">None</option> 
<option value="sam">Sam</option> 
<option value="jenny">Jenny</option> 
<option value="bob">Bob</option> 
<option value="aaron">Aaron</option> 
</select> 

は私が複数の生成にJavascriptを使用しています2つのフィールドの行とすべての行が同じ名前を共有します。私は最初の行でname [0] = name、2番目の行でname [1] =名前など異なる行の名前を取得することに問題はありません。しかし、各行の複数のリストボックスから選択します。

ユーザが第1行から「なし」を選択し、第2行で「サムとボブ」を選択し、第3行で「アーロン」を選択すると、フレンドアレイは直線的な結果を表示し、friend [0] = none、friend [1] = sam、friend [2] = bob、friend [3] = aaron。

HTML、PHPまたはJavascriptを使用して複数のリストボックスごとにユーザーが選択した値を確認するにはどうすればよいですか？

ありがとうございます！

Answer 1

フィールドを列挙すると、期待どおりに機能します。

<select name="friend[1][]" 
<select name="friend[2][]" 
<select name="friend[3][]" 


    var_dump($_POST); 

    array(3) { 
     ["name"]=> 
     array(3) { 
     [0]=> 
     string(2) "aa" 
     [1]=> 
     string(2) "bb" 
     [2]=> 
     string(2) "cc" 
     } 
     ["friend"]=> 
     array(3) { 
     [1]=> 
     array(1) { 
      [0]=> 
      string(4) "none" 
     } 
     [2]=> 
     array(2) { 
      [0]=> 
      string(3) "sam" 
      [1]=> 
      string(3) "bob" 
     } 
     [3]=> 
     array(1) { 
      [0]=> 
      string(5) "aaron" 
     } 
     } 
     ["submit"]=> 
     string(4) "send" 
    }