禁用多个选择元素中的非'selected'选项，但使用 jquery 的一个元素除外

Question

使用jQuery，我正在尝试禁用多个选择元素中的所有非选定项目，除了一个。我试图根据其name属性排除一个选择元素：name="tloStatus" .

$(document).ready(function () {
    if($("select[name!=tloStatus]")) {
        $('option:not(:selected)').attr('disabled', true);
    }
});

我如何只应用这个：

$('option:not(:selected)').attr('disabled', true);

到每个选择元素，但带有name="tloStatus"的元素？

Answer 1

它不起作用的原因是，您选择了所有未选择的option元素，而不管父元素select元素的name属性如何。

您可以将其简化为以下内容，以便仅选择作为后代的未选择的option元素：

这里的例子

$("select[name!=tloStatus] option:not(:selected)").attr('disabled', true);