如何使用 jquery 修改或删除选择中的单个选项？

问题描述

我在模态中显示以下内容

<select id="orgUsers" multiple="multiple" value="Users" style="min-width:200px">    <option 
     value="[e-mail]">[e-mail]</option>    <option 
     value="[e-mail]">[e-mail]</option>    <option 
     value="[e-mail]">[e-mail]</option> 
</select>

尝试使用以下方法修改“[e-mail]”的选项：

$('#orgUsers option[value="[e-mail]"]').css({"display":"none"})

如果我选择整个选择它有效。但我似乎不能只选择一个选项。

解决方法

您的方法很好，但选择器中的值与选项文本匹配，而不是 value 属性。

除此之外，您无法在所有浏览器中隐藏 <option>，有些浏览器不支持它

$('#orgUsers option[value="[e-mail]"]').css({"color":"red"})
                           // ^^^ actual option value

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="orgUsers" multiple="multiple" value="Users" style="min-width:200px" size="6">    <option 
     value="[e-mail]">[e-mail]</option>    <option 
     value="[e-mail]">[e-mail]</option>    <option 
     value="[e-mail]">[e-mail]</option> 
</select>