Question

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

以上显示：none无效。我也试过“隐藏”，但无济于事。

如何隐藏此选择菜单？

Answer 1

使用<select>或<div>包裹<span>并将ID添加到代码。

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

Answer 2

使用jQuery，一种可靠的方法是：

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

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

Answer 3

你需要使用jQuery，因为它引发了我认为的问题jQuery Mobile。这是两个相同的脚本，但其中一个已加载jQuery。

工作：jsfiddle.net/j08691/FvBza

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

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

jquery如何隐藏<select>菜单</select>

3 个答案: