Comment masquer les éléments du groupe d'options/options ?

Question

Y a-t-il un moyen de cacher option o optgroup Éléments HTML ? J'ai essayé d'appeler hide() dans jQuery, et aussi en utilisant le Javascript normal pour définir style.display='none' .

Cela fonctionne dans Firefox mais pas dans les autres navigateurs. En fait, les supprimer du DOM hace Il existe peut-être un moyen de sauvegarder chaque élément DOM lorsqu'il est supprimé et de le réinsérer au même endroit.

Mon HTML est comme ceci :

<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

Je me suis dit que cette solution me convenait parfaitement :

Faites une autre sélection, par exemple

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

puis le cacher

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

Lorsque vous voulez "cacher" un groupe d'optos, il suffit de le "parquer" dans cette sélection cachée.

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

De la même manière, vous pouvez le rendre visible. C'est juste les extraits de ma solution, qui fonctionne bien pour moi.