Javascript 如何隐藏和显示选择选项

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

我有一个简单的列表，大约有4个值，如下图所示

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

我的下拉框有一个div区域和一组值的简单选择选项。请给我一个简单的例子

示例代码

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

在这种情况下，如何在运行时隐藏沃尔沃/欧宝？。。。就像我想动态显示和隐藏这些选项一样

---

比如，当按下按钮时，我想隐藏沃尔沃。同样，如果按下另一个按钮，我想显示Volvo back

如果要隐藏整个select，应为select或包含select的div指定一个id，然后可以执行以下操作：

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

$('mySelect').show(); // or $('mySelect').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();

就像在这篇文章中：

或将其删除：

---

你参加过任何教程吗？你能举一个例子说明选项所基于的索引或名称吗？@Samsquanch，我已经更新了这个问题。。敬请帮助谢谢，在这种情况下，编辑现场服务子目录值是我的部门ID，标题是价值，如沃尔沃或欧宝等。。正确吗？？？是的，这只是stackoverflow中的一个示例，您只需将其替换为您的id。请记住，如果元素当前在某些浏览器中处于选中状态，则隐藏该元素仍会将该值显示为当前索引以及selectedIndex属性，但值选项在选择时不再可见。这可能会在将来造成问题。我更倾向于“分离”和“附加”列表中的元素。@MehdiKaramosly，我这样尝试过，var title=Volvo$总线+-名称+选项[value=+title+].hide；。但不起作用：在选择器中，您应该在id和选项之间留出空格，如下所示：var title=Volvo$总线+-名称+选项[值=+标题+]。隐藏；让我知道这是否有效。

<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();