1

これがどのように機能するかを考えてみたいと思います。基本的に、2 つのドロップダウン リストを作成します。

<select id="dropdown1">
 <option value="v1">value1</option>
 <option value="v2">value2</option>
 <option value="v3">value3</option>
</select>
<select id="dropdown2">
 <option value="apple">apple</option>
 <option value="orange">orange</option>
</select>

<label id="value1">Value 1:</label>
<div id="showDropDown2"></div>

<label id="value2">Value 2:</label>
<div id="showDropDown2"></div>

<label id="value3">Value 3:</label>
<div id="showDropDown2"></div>

たとえば、ユーザーがドロップダウン 1 から「value2」を選択し、ドロップダウン 2 から「orange」を選択すると、値 2 セクションの div コンテンツが更新されます。ユーザーが「value3」を選択し、ドロップダウン 2 から「apple」を選択すると、値 3 セクションの div コンテンツが更新されます。等々。

4

1 に答える 1

1

Jqueryは便利なライブラリです。jquery の show および hide 関数を調べます。例

$('#value1').hide()

非表示にする必要があるものを非表示にした後、.on 関数を使用してイベントをチェックリストにフックします。これらの関数は、Jquery Web サイトで見つけることができます。

于 2012-08-14T13:30:47.817 に答える