[JS] Celare una optgroup in una <select>

[Threepwood]

Salve a tutti!

C'è modo con js di celare il contenuto di una optgroup di una select?

<select name=SEL id=SEL>

    <optgroup label="MASCHI" id=1>
          <option value=1>MARIO</option>
          <option value=2>LUIGI</option>
    </optgroup>

    <optgroup label="FEMMINE" id=2>
          <option value=3>MARIA</option>
          <option value=4>SARA</option>
    </optgroup>

</select>

In pratica un bottone che "hiddenizzi" MASCHI o FEMMINE a scelta....
è possibile?

[Threepwood]

UP

[deleted_110]

a me su FF cosi' funzia:

<script>
function nascondi()
{
    document.getElementById("1").style.display="none";
}

</script>

<select name=SEL id=SEL>

    <optgroup label="MASCHI" id="1">
          <option value=1>MARIO</option>
          <option value=2>LUIGI</option>
    </optgroup>

    <optgroup label="FEMMINE" id="2">
          <option value=3>MARIA</option>
          <option value=4>SARA</option>
    </optgroup>
<input type="button" name="x" id="x" value="nascondi maschi" onclick="javascript:nascondi()">
</select>

Forse funzionerebbe lo stesso, ma ricordati di mettere l'id degli oggetti html tra apici.

Ciao

[Xinod]

e magari di non usare id solo numerici (o che iniziano per numero)

[deleted_110]

Originariamente inviato da Xinod
e magari di non usare id solo numerici (o che iniziano per numero)

ecco, si', pure quello.