如果在一个多选中选择了选项，请在另一个下拉列表中将其设置为禁用

Question

这段代码有什么问题？我有一个多选（VendorIDs）和一个选择（vendorDropDown）。我想在vendorDropDown 中将VendorIDs 中的所有选定项目设置为禁用。这行不通：

            $('#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);
 });

这样，第二行就不会依赖于执行时间太长的第一行。让我知道它是否有效。

-已编辑，第二次尝试！-

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