JQuery：根据选项值隐藏选择的选项

【问题标题】：JQuery: Hide options of select according to option valueJQuery：根据选项值隐藏选择的选项
【发布时间】：2011-03-11 00:45:27
【问题描述】：

给出以下html

<select name="IBE1$IBE_NurFlug1$ddl_Abflughafen" id="IBE1_IBE_NurFlug1_ddl_Abflughafen" class="dropdownlist" style="width: 99%;">
<option value="Antalya;TR">Antalya</option>
<option value="Berlin;DE">Berlin</option>
<option value="Duesseldorf;DE">Duesseldorf</option>
<option value="Frankfurt;DE">Frankfurt</option>
<option value="Hamburg;DE">Hamburg</option>
<option value="Hannover;DE">Hannover</option>
<option value="Köln-Bonn;DE">Köln-Bonn</option>
<option value="Leipzig;DE">Leipzig</option>
<option value="München;DE">München</option>
<option value="Stuttgart;DE">Stuttgart</option>

如何隐藏值中带有 ;TR 的所有选项？

提前谢谢，问候

【问题讨论】：

标签： jquery select hide option

【解决方案1】：

试试

$("select > option[value*='TR']").remove()

编辑：

或者如果你知道'TR'总是在最后，那么

$("select > option[value$='TR']").remove()

不确定与搜索整个value 属性相比，上述方法效率高多少。

【讨论】：

谢谢。我根据我的需要调整了您的解决方案： $(function() { $('#IBE1_IBE_NurFlug1_ddl_Abflughafen > option[value*="TR"]').hide(); });
@ceyago - 啊，是的，我看错了你的要求。 remove() 实际上摆脱了 <option> 这不是你想要的。使用hide() 效果更好。
它工作正常。我试过跟随。 $("select > option[value$='TR']").remove()
正如这里指出的：stackoverflow.com/questions/2324250/…，WebKit 忽略了选项标签上的 display:none。所以你真的应该根据需要删除和添加它们。
如果我有两个选择怎么办？