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

Question

我在模态中显示了以下内容

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

如果我 select 整个 select 它有效。但我似乎 select 只有一种选择。

Answer 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>

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

How do I use jquery to modify or remove a single options from a select?

jquery

select

options