1

这是我的代码：

<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/ 问题： - 从第一个选择选项中选择 - 从第二个选择选项中选择 - div show - 在第一个选择选项中直接再次选择 - div 卡在那里它没有隐藏，除非我去上一个选项来选择 null 然后它就消失了

4

1 回答 1

0

您想在从第一个下拉列表框中选择一个选项时显示第二个下拉
框吗？并且通过更改第一个下拉列表的选项，第二个下拉选择的选项将被取消选择或重置？

没有把握。请清楚。

于 2013-05-16T08:30:45.623 回答