Jquery 切换选择表单控件禁用状态？

Question

我有一个包含 3 个下拉菜单的表单，我想逐步切换禁用状态。我想最初禁用第二个和第三个下拉列表，当用户从第一个选项中选择一个选项时，将启用第二个选项，当选择第二个选项时，我希望启用第三个选项。

如何用 jquery 做到这一点？谢谢

这是代码:

<select name="type" id="select1" style="width:200px" onchange="populate(1);">
<option value="" selected="selected">Select Option 1</option>
<option value="first">First</option>
<option value="second">Second</option>
<option value="third">Third</option>
</select>
<br /><br />
<select name="make" id="select2" style="width:200px" onchange="populate(2);"disabled="disabled">
<option value="">Select Option 2</option>
<option value="first2">First</option>
<option value="second2">Second</option>
<option value="third2">Third</option>
</select>
<br /><br />
<select name="model" id="select3" style="width:200px" onchange="Go(this);"disabled="disabled">
<option value="">Select Make</option>
<option value="first3">First</option>
<option value="second3">Second</option>
<option value="third3">Third</option>

Answer 1

您可以使用简单的 nextAll() 来完成此操作，如下所示:

$('select').change(function(){ 
   $(this).nextAll('select:first:disabled').prop('disabled',false);
})

示例:http://jsfiddle.net/niklasvh/uFzbX/