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

【问题标题】：How do I use jquery to modify or remove a single options from a select?如何使用 jquery 从选择中修改或删除单个选项？
【发布时间】：2021-06-23 19:46:24
【问题描述】：

我在模态中显示以下内容

<select id="orgUsers" multiple="multiple" value="Users" style="min-width:200px">    <option 
     value="info@compliancecare.us">info@mail.us</option>    <option 
     value="test@compliancecare.us">test@mail.us</option>    <option 
     value="Marko@compliancecare.us">Marko@mail.us</option> 
</select>

尝试修改 'info@mail.us 的选项：

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

如果我选择整个选择，它会起作用。但我似乎不能只选择一个选项。

【问题讨论】：

您无法隐藏<option> 跨浏览器。有些人不支持。选择是禁用/启用或删除/替换
另请注意，您在 jQuery 选择器中使用的值与选项文本匹配，但与 value 属性不匹配

标签： jquery select options

【解决方案1】：

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

除了你不能在所有浏览器中隐藏<option>之外，有些不支持它

$('#orgUsers option[value="info@compliancecare.us"]').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="info@compliancecare.us">info@mail.us</option>    <option 
     value="test@compliancecare.us">test@mail.us</option>    <option 
     value="Marko@compliancecare.us">Marko@mail.us</option> 
</select>

【讨论】：