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

Question

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

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

[演示] 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不太了解。 我需要開發一個頁面來提出請求。

?? 在選擇一個項目時，它會選擇不選擇以下項目，因為將收取一定的費用，並且只能將其作為其他費用進行保管。 ??

所選項目下面的那些項目必須被禁用。

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/