我試圖jQuery的禁用所選選項

Question

應用此fiddle解決方案，但沒有任何運氣:(

$('.select').on('keyup change', function() { 
    var selected = []; 
    $(".select option:selected").each(function() { 
     if ($(this).val() !== "") selected.push($(this).val()); 
    }); 
    $(".select:not(this) option").each(function() { 
     if (selected.indexOf($(this).val()) > -1) $(this).prop("disabled", true); 
     else $(this).prop("disabled", false); 
    }); 
}); 

我想使殘疾人從先前選擇列表中的所有選定的項目。

Answer 1

即不工作，因爲要動態添加的選擇列表，並使用KEYUP和改變事件，你需要使用委派：

$(document).on('keyup change', '.select', function() { 
    var selected = []; 
    $(".select option:selected").each(function() { 
     if ($(this).val() !== "") selected.push($(this).val()); 
    }); 
    $(".select:not(this) option").each(function() { 
     if (selected.indexOf($(this).val()) > -1) $(this).prop("disabled", true); 
     else $(this).prop("disabled", false); 
    }); 
}); 

見小提琴： https://jsfiddle.net/wfaaztnb/8/

Answer 2

只需用$(document)替換選擇器$('.select')就是這樣！ :)