如何隐藏OPTGROUP /选项元素？如何隐藏OPTGROUP /选项元素？(How to hide

有没有一种方法来隐藏option或optgroup HTML元素？ 我已经打过电话hide() jQuery中，也使用常规的JavaScript设置style.display='none' 。

它在Firefox但不是在任何其他浏览器。 其实从DOM 做工作删除它们，所以也许有一种方法来保存每个DOM元素时，它的拆除，并在同一个地方重新插入？

我的HTML是这样的：

<select name="propsearch[area]" id="propsearch_area">
    <option value="0">- Any -</option>
    <optgroup label="Bristol">
        <option  value="Hotwells">Hotwells</option>
        <option  value="Montpelier">Montpelier</option>
    </optgroup>
    <optgroup label="Cardiff">
        <option  value="Heath">Heath</option>
        <option  value="Roath">Roath</option>
    </optgroup>
    <optgroup label="Exeter">
        <option  value="Pennsylvania Road">Pennsylvania Road</option>
        <option  value="Lower North Street">Lower North Street</option>
    </optgroup>
    <optgroup label="Swansea">
        <option  value="Brynmill">Brynmill</option>
        <option  value="Uplands">Uplands</option>
    </optgroup>
</select>

Answer 1:

我想，这个解决方案正常工作对我来说：

让另一个选择，例如，

$("#footer_canvas").after('<select id="parkingLot"></select>');

然后隐藏它

$("#parkingLot").hide();

当你想“隐藏”一些OPTGROUP，只是“暂停”它这个隐藏选择。

$('#VehicleVehicleCategoryId optgroup[label="kategorie L"]').appendTo("#parkingLot");

同样的方式，您可以使其可见。 这是我的解决方案，为我工作正常的只是片段。

文章来源: How to hide optgroup/option elements?