私の2つのドロップダウンに問題があり、最初のボックスの選択に基づいて特定の値が表示されません。現在、最初のオプションの選択に関係なく、すべての値が表示されます。
現在、実際のコードで Jquery 1.6 を使用しています。ここでデモを見る
これが私のHTMLの例です。
<select name="column_select" id="column_select">
<option id="1" value="/search_option_1">First</option>
<option id="2" value="/search_option_2">Second</option>
<option id="3" value="/search_option_3">Third</option>
</select>
<select name="layout_select" id="layout_select">
<!-- Child options from Parent Option 1 -->
<option id="1" value="/first_value/one">1.1</option>
<option id="1" value="/first_value/two">1.2</option>
<!-- Child options from Parent Option 2 -->
<option id="2" value="/second_value/one">2.1</option>
<option id="2" value="/second_value/two">2.2</option>
<!-- Child options from Parent Option 3 -->
<option id="3" value="/third_value/one">3.1</option>
<option id="3" value="/third_value/two">3.2</option>
</select>
を使用して、id=""
どのオプションがどの最初の選択ボックスに対応するかを参照できるようになりました。各オプションに特定の値を指定する必要があるため、これを行っています。より多くの洞察と達成しようとしていることについては、デモ コードを参照してください。
ありがとう