0

比較的単純なニーズがあります。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です...私がしたいのは、現在ページに表示されているスパンに変数を渡すことだけです。どんなアイデアも素晴らしいでしょう!

4

1 に答える 1