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

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);
 });