Thema: optgroup ausblenden...

hallo!

ich hab zwei drowdowns. im ersten ist die hauptkategorie angegeben, im zweiten habe ich die unterkategorien. diese sind mit <optgroup> getrennt. die nicht gewählten <optgroup> lasse ich via css mit display:none; ausgeblendet und ändere den style onChange beim ersten select mit javascript auf display:block;...
das funktioniert einwandfrei. allerdings nur im firefox und opera, nicht im sch... internet explorer. kennt da wer eine möglichkeit für den ie?

lg
flo

i'm still confused, but on a much higher level

2

Re: optgroup ausblenden...

MS IE hat keine style properties für optgroup tag sad
aber vielleicht das hilft, gemacht mit javascript in IE:

<html >
    <head>
        <title> New Document </title>
        <script type="text/javascript" language="javascript">
        <!--
         var hiddenGr;
         
         function showFlip(grName)
         {
            var buff;
            if (hiddenGr)
            {
                buff = hiddenGr.cloneNode(true);
                
            }

            if (document.getElementById(grName)) 
            {
                hiddenGr = document.getElementById(grName).cloneNode(true);
                document.getElementById(grName).removeNode(true);
            }
            
            
            if (buff)
            {
                document.getElementById("mex").appendChild(buff);
            }
            
         }
        //-->
        </script>
    </head>
    <body>
        <SELECT id="mex">
            <OPTGROUP LABEL="Alkaline Metals" id="alk">
                <OPTION>Lithium (Li)</OPTION>
                <OPTION>Sodium (Na)</OPTION>
                <OPTION>Potassium (K)</OPTION>
            </OPTGROUP>
            <OPTGROUP LABEL="Halogens"  id="hal">
                <OPTION>Fluorine (F)</OPTION>
                <OPTION>Chlorine (Cl)</OPTION>
                <OPTION>Bromine (Br)</OPTION>
            </OPTGROUP>        
        </SELECT>
        <input type="button" value="hide Alaklines" onclick="javascript:showFlip('alk');"><input type="button" value="hide Halogens" onclick="javascript:showFlip('hal');" ID="Button1" NAME="Button1">
    </body>
</html>