¿Cómo ocultar los elementos de opción/grupo de opciones?

Question

¿Hay alguna manera de ocultar option o optgroup elementos HTML? Intenté llamar al hide() en jQuery, y también usé el Javascript habitual para establecer style.display='none'.

Funciona en Firefox pero no en otros navegadores. En realidad, eliminarlos del DOM funciona como, por lo que tal vez haya una forma de guardar cada elemento DOM cuando se elimine y volver a insertarlos en el mismo lugar.

Mi HTML es así:

<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

que pensé que esta solución funciona bien para mí:

hacer otro ejemplo seleccione

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

luego ocultarla

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

Cuando se quiere 'esconder' algunos optgroup, simplemente 'parque' en este selecto oculta.

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

De la misma manera que puede hacerlo visible. Esto solo son los fragmentos de mi solución, eso funciona bien para mí.