異なる名前で入力値を収集するにはどうすればよいですか？

Question

私は3つのドロップダウン選択入力と1つのテキストエリア入力を持っています。すべての名前を同じにするのは無効だと思うので、同じ文字列で始めることができますが、それぞれの入力はそれぞれ異なる名前になっています。 フォームの送信時に、すべての入力値を1つに結合します。 値を収集するために隠れた入力を行うことしか考えられませんが、どのようにコード化するのか分かりません。助けてください！

<ul> 
    <li> 
     <select id="input-first_dropdown" name="property-first_dropdown"> 
       <option>Option 1</option> 
       <option>Option 2</option> 
       <option>Option 3</option> 
     </select> 
    </li> 
    <li> 
     <select id="input-second_dropdown" name="property-second_dropdown"> 
       <option>Option 1</option> 
       <option>Option 2</option> 
       <option>Option 3</option> 
     </select> 
    </li> 
    <li> 
     <textarea id="input-textarea" name="property-textarea">test</textarea> 
    </li> 
</ul> 

Answer 1

あなたは次のように行うことができます。

<ul> 
    <li> 
    <select id="input-first_dropdown" name="property[]"> 
     <option>Option 1</option> 
     <option>Option 2</option> 
     <option>Option 3</option> 
    </select> 
    </li> 
    <li> 
    <select id="input-second_dropdown" name="property[]"> 
     <option>Option 1</option> 
     <option>Option 2</option> 
     <option>Option 3</option> 
    </select> 
    </li> 
    <li> 
    <textarea id="input-textarea" name="property[]">test</textarea> 
    </li> 
</ul> 

は、フォームのプロセッサでprint_r($_POST['property'])を試してみてください

Answer 2

あなたは別の入力フィールドの同じ name属性値を持つことができます

（ただし、同じid値） 。同じ名前の複数の名前=値のペアが存在するように、データが送信されます。そのサーバー側を扱うことができるかどうかは、別の問題です。通常、異なる名前を使用する方が簡単です。サーバー側の処理では、必要に応じてデータを組み合わせることができます。

「フォーム送信」の入力欄（クライアント側）を確実に組み合わせることはできません。 JavaScriptでこれを行うのは簡単ですが、ブラウザでJavaScriptを有効にしないでください。