Jquery 在下拉列表中查找带有更改(选定或未选定值)的确切标签

Jquery 在下拉列表中查找带有更改(选定或未选定值)的确切标签,jquery,Jquery,我有一个下拉列表,其中包含默认选中的所有选项。当我取消选择一个选项时,我想禁用一个div。但如果有人重新选择它,我想重新启用它 我有一个工作代码,但它非常幼稚。当前,每当下拉菜单上出现更改事件时,我都会获得所有未选择的选项和已选择的选项。并相应地应用或删除css <select class="ss-select" data-dropup-auto="false" id="ss_options" multiple="multiple" name="ss"> <option

我有一个下拉列表,其中包含默认选中的所有选项。当我取消选择一个选项时,我想禁用一个div。但如果有人重新选择它,我想重新启用它

我有一个工作代码,但它非常幼稚。当前,每当下拉菜单上出现更改事件时,我都会获得所有未选择的选项和已选择的选项。并相应地应用或删除css

<select class="ss-select" data-dropup-auto="false" id="ss_options" multiple="multiple" name="ss">
    <option selected="selected" value="1">One</option>
    <option selected="selected" value="2">Two</option>
    <option selected="selected" value="3">Three</option>
    <option selected="selected" value="4">Four</option>
    <option selected="selected" value="5">Five</option>
</select>
上面的代码可以找到,但它会再次遍历所有下拉选项列表,并应用/删除css。有没有办法优化它

有没有办法优化它

您可以定义如下所示的类:

<style>
    .newclass {
        pointer-events: none;
        opacity: 0.4
    }
</style>
.newclass{
指针事件:无;
不透明度:0.4
}

一
二
三
四
五
一
二
三
四
五

此.selectedIndex
始终为我提供值1,无论我选择哪个选项
<style>
    .newclass {
        pointer-events: none;
        opacity: 0.4
    }
</style>