根据另一个</select>的值向<select>添加选项

时间:2014-12-27 18:01:01

标签: php html forms select

我正在处理一个表单,该表单需要根据用户首先完成的另一个值填充下拉菜单。

这两个选项是&#34;主题&#34;和&#34;主题&#34;。当选择主题时,&#34;主题&#34;下拉菜单应包含该主题中的所有主题。例如。为数学&#34;主题&#34;主题&#34;应该显示代数,形状等。

我怎样才能做到这一点?两个选择的值都是在PHP中完成的。对于第一个选择,使用for循环来推广选择是一个简单的任务,但似乎JavaScript必须用于第二个。我该怎么做呢?

提前致谢, Ilmiont

1 个答案:

答案 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

希望这会有效!