Probleme mit einfachem Formular und JS!

**alsodenn** · 30-07-2008, 08:16

Hallo Community

Ich habe ein einfaches Formular mit wenig Javascript. Ich möchte, dass beim Klick auf einen Radio-Button Input-Felder erscheinen bzw. verschwinden.

Im Firefox gehts, aber im IE macht er komische Dinge. Beim Klick auf den Radio-Button verschwinden nicht die Input-Felder sondern der Radio-Button selber. Aber wieso funktioniert es im Firefox? Was macht IE???

Kann mir jemand helfen?

Hier mein Code:

PHP-Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Test</title>

    </head>

    <body onload="javascript: document.getElementById('verlosung').style.display = 'none';">

    <h1>Online-Umfrage</h1>

    <p>Nehmen Sie sich Zeit und klicken Sie sich durch die Website. Ihre Antwort führt uns einen Schritt näher zum optimalen Auftritt.</p>

    <form name="umfrage" action="../php/process.php" method="post">

    <input type="hidden" name="submit_check" value="1" />

    

        <br />

        

        <fieldset>

            <legend>Verlosung</legend>

        

            <input type="radio" id="verlosung_1" name="verlosung" value="nein" checked onclick="javascript: document.getElementById('verlosung').style.display = 'none';">

            <label for="verlosung_1">Ich nehme nur an der Umfrage teil.</label><br />

            <input type="radio" id="verlosung_2" name="verlosung" value="ja" onclick="javascript: document.getElementById('verlosung').style.display = 'block';">

            <label for="verlosung_2">Ich nehme auch an der Verlosung teil.</label>        

            <br />        

            

            <div id="verlosung">

                <label for="email">E-Mail:</label>

                <input type="text" id="email" name="email" /><br />

                <label for="vorname">Vorname:</label>

                <input type="text" id="vorname" name="vorname" /><br />

                <label for="nachname">Nachname:</label>

                <input type="text" id="nachname" name="nachname" />

            </div>

        </fieldset>

        

        <p></p>

        <input type="submit" value="Abschicken"> <input type="reset" value="Daten löschen">

    </form>

    

    </body>

</html>

**fette_sau** · 30-07-2008, 08:59

Das name Attribute der RadioButtons sollte nicht gleich der Id des Divs sein...

So sollte es gehen:

Code:

<input type="radio" id="verlosung_1" name="verlosung" value="nein" checked onclick="javascript: document.getElementById('verlosung_div').style.display = 'none';"> 
        <label for="verlosung_1">Ich nehme nur an der Umfrage teil.</label><br /> 
        <input type="radio" id="verlosung_2" name="verlosung" value="ja" onclick="javascript: document.getElementById('verlosung_div').style.display = 'block';"> 
        <label for="verlosung_2">Ich nehme auch an der Verlosung teil.</label>         
        <br />         
        
        <div id="verlosung_div"> 
            <label for="email">E-Mail:</label> 
            <input type="text" id="email" name="email" /><br /> 
            <label for="vorname">Vorname:</label> 
            <input type="text" id="vorname" name="vorname" /><br /> 
            <label for="nachname">Nachname:</label> 
            <input type="text" id="nachname" name="nachname" /> 
        </div>