我正在处理一个表单,该表单需要根据用户首先完成的另一个值填充下拉菜单。
这两个选项是"主题"和"主题"。当选择主题时,"主题"下拉菜单应包含该主题中的所有主题。例如。为数学"主题"主题"应该显示代数,形状等。
我怎样才能做到这一点?两个选择的值都是在PHP中完成的。对于第一个选择,使用for循环来推广选择是一个简单的任务,但似乎JavaScript必须用于第二个。我该怎么做呢?
提前致谢, Ilmiont
答案 0 :(得分:0)
假设您的第一个select
有2 option
s:
<option value="math">math</option>
<option value="english">english</option>
因此,您可以加载第二个select
option
这样的内容:
<option value="math-a">math-a</option>
<option value="math-b">math-b</option>
<option value="english-a">english-a</option>
<option value="english-b">english-a</option>
a &amp; b 代表不同的主题。您最初可以使用 jquery 或 CSS 隐藏第二个select
的{{1}}。
然后,只需使用 jQuery 根据第一个option
显示特定的option
,如下所示:
select
<强> Working fiddle 强>
希望这会有效!