onSelect på <option> tag

jeg tror den hedder onchange den event du leder efter.

Vil du skjule noget:

<select onchange="change(this)" id="first" />

function change(elm)
{
if(elm.id = 'first')
document.getElementById('sek').style.display = 'none';
}

Umiddelbart ikke lige noget jeg kan få til at fungere.

Hvor vil du placere <select onchange="change(this)" id="first" />? Det ser næsten ud som om det er den select som skal skjules?

Hvor får den "besked" fra om hvornår den skal skjules?
Altså fra den første select?

Jeg har følgende,

<select size="1" name="boligType">
                       
<option>Hus, 1 plan</option>
<option>Hus, 2 plan</option>
<option>Rækkehus</option>
<option>Lejlighed op til 2. sal</option>
<option>Lejlighed over 2. sal</option> // Hvis dette felt vælges, skal den select nedenunder forsvinde/skjules.
<option>Andet</option>
                       
</select>

<select size="1" name="hyppighed"> // Den som skjules...
   
<option>Kun denne ene gang</option>
<option>Ugentligt</option>
<option>Månedligt</option>
<option>Hver kvartal</option>
<option>Hver halve år</option>
                           
</select>

Der er flere ting galt. Du er nødt til at give hver option i din select en value, i hvert fald dem der 'skal gøre noget', så du kan genkende at de er valgt. Og så bruge onchange som der bliver nævnt.

Noget i stil med:

Det ser ikke ud til at virke? Har prøvet mig lidt frem med det. Hvis man smider det direkte fra din post af her og ind, fungerer det ikke for mig. Hverken i IE eller FF. Dog registrerer den block elementet ser det ud til, for hvis jeg vælger alle andre end den enkelte, så laver den et mellemrum nedenunder select'en. Vælger man den med en value, sker der intet overhovedet? Hvorfor så det?

Ahh ser ud til at virke nu. 'hidden' erstattes af 'none'.

Er der et andet element end block som kan bruges til samme effekt? Har problemer med at den indskyder en "linie med luft" i designet, når det bliver aktiveret.

Ja:
http://www.w3schools.com/css/pr_class_display.asp

Super, så virker det som jeg vil have det til :)

Endte ud i følgende,

    <script>               
               
                function selectChange(e) {                   
               
                    if (e.value == 'over2') {
                       
                        document.getElementById('hideThis').style.display = 'none';
                        document.getElementById('hideThis2').style.display = 'none';
                        document.getElementById('hideThis3').style.display = 'none';
                       
                    } else {
                   
                        document.getElementById('hideThis').style.display = 'block';
                        document.getElementById('hideThis2').style.display = 'inline';
                        document.getElementById('hideThis3').style.display = 'run-in;';
                   
                    }
               
                }               
                   
    </script>

Tak for hjælpen :)