ここに私のコードがあります:
<p><label for="category"><b>Services / Package</b></label>
<select name="category" id="category">
<option value="">-- select --</option>
<option value="GC">General</option>
<option value="RFU">Routine</option>
<option value="HPS">Health</option>
<option value="CRP">Corporate</option>
</select></p>
<!--Level 2 hide-->
<p id="gc" style="display: none;">
<label for="GC"><b>Select Doctor</b></label>
<select name="GC" id="GC">
<option value="">-- select --</option>
<option value="scheduleA">Dr A</option>
<option value="scheduleB">Dr B</option>
</select></p>
<p id="rfu" style="display: none;">
<label for="RFU"><b>Select Doctor</b></label>
<select name="RFU" id="RFU">
<option value="">-- select --</option>
<option value="scheduleA">Dr A</option>
<option value="scheduleC">Dr C</option>
</select></p>
<p id="hsp" style="display: none;">
<label for="HPS"><b>Select Package</b></label>
<select name="HPS" id="HPS">
<option value=" ">-- select --</option>
<option value="msg">Package D</option>
<option value="msg">Package E</option>
</select></p>
<!--Level 3 Show hide-->
<p id="CRP" style="display: none;">Please state at remark</p>
<p id="scheduleA" style="display: none;">Table schedule A</p>
<p id="scheduleB" style="display: none;">Table schedule B</p>
<p id="scheduleC" style="display: none;">Table schedule C</p>
<p id="msg" style="display: none;">Please go to this website</p>
このコーディングでjqueryまたはjavascriptを作成するのを手伝ってくれませんか。
http://jsfiddle.net/FvMYz/を使用してみましたが、他のjqueryと組み合わせる必要があるため、問題が解決しないようです
ここでhttp://jsfiddle.net/6rTa5/の問題を作成しまし た：-最初の選択オプションから選択します-2番目の選択オプションから選択します-divを表示します-最初の選択オプションで直接再度選択します-divはそこにスタックしています隠れていません、前のオプションに行ってnullを選択しない限り、それはなくなりました