Если опция выбрана в одном множественном выборе, отключите его в другом раскрывающемся списке

Question

Что не так с этим кодом? У меня есть множественный выбор (VendorIDs) и выбор (vendorDropDown). Я хочу, чтобы все выбранные элементы в VendorIDs были отключены в vendorDropDown. Это не работает:

            $('#Vendor_IDs :selected').each(function (i, selected) {
                var v = $(selected).val();
                $("#vendorDropDown option[value='" + v + "']").attr("disabled", true);
            });

Но это так:

            $('#Vendor_IDs :selected').each(function (i, selected) {
                var v = $(selected).val();
                alert(v);
                $("#vendorDropDown option[value='" + v + "']").attr("disabled", true);
            });

Как добавление оповещения что-то меняет?

Answer 1

Похоже, var v = $(selected).val(); занимает слишком много времени для выполнения следующей строки, чтобы быть вовремя. Попробуйте это:

 $('#Vendor_IDs :selected').each(function (i, selected) {
     $("#vendorDropDown option[value='" + $(selected).val() + "']").attr("disabled", true);
 });

Таким образом, вторая строка не зависит от первой строки, выполнение которой заняло слишком много времени. Дайте мне знать, если это работает.

отредактировано, 2-я попытка! -

 $('#Vendor_IDs :selected').each(function() {
     $("#vendorDropDown option[value='" + $(this).val() + "']").attr("disabled", true);
 });