比較的単純なニーズがあります。JS を使用して作成した動的ドロップダウンを含む html フォームがあります。1 番目select
が変更されると、2 番目 (従属)select
が表示されます。たとえば、最初select
のオプションには、フォード、トヨタ、ホンダのオプションが含まれています。ユーザーが「Ford」を選択すると、別のドロップダウンが表示され、Ford 製のモデル (F150、Ranger、Fusion など) を選択できます。非表示の要素を使用し<span>
て依存ドロップダウンを表示/非表示にしていselect name
ますが、セカンダリ ドロップダウンはすべて同じです。
問題は、フォームを送信すると、$_GET
メソッドを介して 3 つの「make」変数がすべて渡されることです。わかりやすくするために例を含めました。
<span class="Ford">
<select name="make">
<option>F150</option>
<option>Ranger</option>
<option>Fusion</option>
</select>
</span>
<span class="Toyota">
<select name="make">
<option>Prius</option>
<option>Tacoma</option>
</select>
</span>
<span class="Honda">
<select name="make">
<option>Civic</option>
<option>Accord</option>
</select>
</span>
JS関数は、必要に応じてさまざまなものを表示/非表示にするだけspans
です...私がしたいのは、現在ページに表示されているスパンに変数を渡すことだけです。どんなアイデアも素晴らしいでしょう!