javascript - 根据 Javascript 中的选择填充下拉列表

Question

我有两个下拉列表，第一个是员工姓名，第二个是指定名称。我想假设我们选择第一个员工，他是 PM 和 TL，然后第二个下拉菜单应该只显示 PM TM，当我们从第二个中选择 PM 时，它只显示那些是 PM 的员工。我还想是否可以从第一个下拉列表中进行多项选择

 <select>
<!--This is main selectbox.-->
<option value="">Select</option>
<option>John</option>
<option>Brendon</option>
<option>Davin</option>
<option>Bobby</option>
</select>
<select class="sub">
<!--another selectbox for option one.-->
<option>TL</option>
<option>PM</option>
</select>
<select class="sub">
<!--another selectbox for option two.-->
<option>PM</option>
<option>TL</option>
</select>
<select class="sub">
<!--another selectbox for option three.-->
<option>Developer</option>

 </select>
<select class="sub">
<!--another selectbox for option four.-->
<option>Developer</option>

 </select>

这是 fiddle 演示

http://jsfiddle.net/7CmYj/39/

Answer 1

你可以试试这个例子中的东西

a more structured way to do these actions

http://jsfiddle.net/7CmYj/92