Get immediate nect dropdown to the current dropdown

Question

这是我的HTML代码。

   <table>
   <tr>
   <select class="dropdown">
   <option value="">Select answer</option>
   <option value="1" selected="selected">A</option>
   <option value="2">B</option>
   <option value="3">C</option>
   </select>
   </td>
   <td>
   <select class="dropdown">
   <option value="">Select answer</option>
   <option value="1" >Yes</option>
   <option value="2">No</option>
   <option value="3">N.A.</option>
   </select>
   </td>
   </tr>
   <td>
   <select class="dropdown">
   <option value="">Select answer</option>
   <option value="1" >Yes</option>
   <option value="2">No</option>
   <option value="3">N.A.</option>
   </select>
   </td>
   </table>

这是我的jquery代码。

                    $('TABLE TR').find('select:gt(1)').prop('disabled',true)
                    $('TABLE TR').find('select').bind('change',function()
                    {
               $(this).next('select').prop('disabled',false)                          
      });

我想根据first下拉框的值启用immediate next下拉值。请来人帮帮忙。

Answer 1

根据您的需要修改

$("select.dropdown").change(function(){
if($(this).val()==='2')
{  
   $(this).nextAll().find("select:first").prop("disabled",true);
}

});

http://jsfiddle.net/4ShsC/1/

Answer 2

试试这个小提琴：http://jsfiddle.net/xJVam/

在本例中，第二个下拉列表仅在选择B时启用，第三个下拉列表在选择C时启用。然而，我不确定你想要什么。

Answer 3

另一种方法：

var $selects = $('table tr select');

$selects.each(function(i) {
    $(this).prop('disabled', i != 0)
           .bind('change', function() {
                $selects.eq(i + 1).prop('disabled', false);
            });
});

(demo)

注:插入了缺少的<td>和<tr> ... </tr>。