Come nascondere gli elementi optgroup/option?

Question

C'è un modo per nascondere gli elementi HTML option o optgroup? Ho provato a chiamare hide() in jQuery e anche a usare il normale Javascript per impostare style.display='none'.

Funziona in Firefox ma non in altri browser. In realtà la loro rimozione dal DOM fa, quindi forse c'è un modo per salvare ogni elemento DOM quando viene rimosso e reinserirli nello stesso posto?

mio HTML è come questo:

<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

ho pensato che questa soluzione funziona bene per me:

fare un altro esempio selezionare

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

poi nasconderlo

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

Quando si vuole 'nascondere' un po 'optgroup, solo 'parco' in questo selezionare Nascosto.

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

Lo stesso modo in cui è possibile renderlo visibile. Questo è solo il frammento della mia soluzione, che funziona bene per me.