jquery如何隐藏<select>菜单答案

【问题标题】：jquery how to hide <select> menujquery如何隐藏<select>菜单
【发布时间】：2013-06-04 10:25:09
【问题描述】：

    <select id="wybierz1" style="display:none" >
      <option data-icon="arrow-u" data-iconpos="top" style="display:none" >- SELECT -</option >
    </select>

上面的显示：none 不起作用。我也尝试过“隐藏”，但无济于事。

如何隐藏这个选择菜单？

【问题讨论】：

对我来说似乎是隐藏的：jsfiddle.net/j08691/FvBza
你能证明一下吗？
你知道display: none;是什么意思吗？
jsfiddle.net/tearex/vytwm 开启 jquery，它不会隐藏。
如果你在这个选择框中使用了带有规则的 css 文件，看看你有没有 !important 在那里显示。

标签： jquery select hide

【解决方案1】：

用<div> 或<span> 包装<select> 并将id 添加到标签。

<span id="wybierz1"><select>
  <option data-icon="arrow-u" data-iconpos="top" style="display:none" >- SELECT -</option >
</select></span>

【讨论】：

【解决方案2】：

您需要使用 jQuery，因为我认为是 jQuery Mobile 导致了这个问题。这是两个相同的脚本，但其中一个加载了 jQuery。

工作：jsfiddle.net/j08691/FvBza

不工作（jquery 移动）：jsfiddle.net/tearex/vytwm

您可以在这里找到问题的答案：JQuery show/hide in JQuery Mobile 或在这里： Cannot hide/show elements in jQuery Mobile application

【讨论】：

这是一个更大的移动平台应用程序，所以我会坚持使用jqm。我想，我会将选择包装在一个 div 中。已经检查过了，它可以工作。

【解决方案3】：

使用 jQuery，一个可靠的方法是这样做：

$('#wybierz1').hide();

虽然，你真的不需要 jQuery，因为 CSS 就足够了。

【讨论】：

好吧，style="display:none" 是 css。至于$('#wybierz1').hide()，我已经测试过了——它不起作用。