如何在使用JavaScript或JQuery的HTML選擇中的選定項之後禁用項目？

Question

我有一個選擇與5項目，如果用戶將選擇第三個q附近的項目已被禁用......

所選項目下面的項目不應該是可選的。

[DEMO]1

例子：

<select class="form-control" name="itens" id="itens"> 
    <option value="1">- 1 -</option> 
    <option value="2">- 2 -</option> 
    <option value="3">- 3 -</option> 
    <option value="4">- 4 -</option> 
    <option value="5">- 5 -</option> 
</select> 
<div id="result"></div> 

jQuery代碼示例：

$('#itens').change(function(){ 
$(':selected').each(function(value, i){ 
    if($('option:selected')){ 
     var valor = $(this).attr('value'); 
     $('#result').html(valor); 
    } 
    //$(this).attr('disabled',true) 
}); 
}); 

我沒有在jQuery的很多知識。 我需要開發一個頁面來提出請求。

?? ?? 當選擇一個項目選擇它poderar不選擇下面的作爲費用將被應用，並且只能escolhar項目，因爲他們是其他費用。 ??

所選項目下方的項目必須禁用。

Answer 1

$(document).on('change', '.form-control', function() { 
    $(".form-control option:selected").prop('disabled','disabled') 
     .siblings().removeAttr('disabled'); 
}); 

演示：

http://jsfiddle.net/m78mR/1/

更新：

$(document).on('change', '.form-control', function() { 
      $(".form-control option:selected").next().prop('disabled','disabled'); 
}); 

演示：

http://jsfiddle.net/HXbq6/