如何隐藏和显示选择选项

Question

我对jQuery非常新。在我问之前我搜索了很多，虽然它看起来很傻但对我来说很复杂。

我有一个简单的<select>列表，其中包含大约4个值，如下图所示。

现在在运行时，我想隐藏选项并根据jQuery中的索引或值名称进行显示。我怎样才能做到这一点？。

我的下拉框中包含div区域和带有一组值的简单select选项。请给我一个简单的例子。

示例代码

<Div ID = "abcd">
<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
</div>

在这个如何在运行时隐藏沃尔沃/欧宝？...就像我想动态显示和隐藏这些选项。

与Ex一样：当按下按钮时我想隐藏沃尔沃。同样，如果按下另一个按钮，我想要显示沃尔沃。

Answer 1

如果你想隐藏整个选择，你应该给你的选择或包含你选择一个id的div然后你可以这样做：

<div id="mySelect" >your select tag here </div>

$('mySelect').show(); // or $('mySelect').hide();

http://api.jquery.com/hide/

http://api.jquery.com/show/

如果你想隐藏你可以做的选项，如下所示：

$("#edit-field-service-sub-cat-value option[value=" + title + "]").hide();

更具体地说明您的代码：

<div id="abcd">
<select id="mySelect">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
</div>

title = 'volvo';
$("#mySelect option[value=" + title + "]").hide();

喜欢这篇文章： Hide options in a select list using jQuery

或删除它：

JQuery: Hide options of select according to option value