Auswahlmenü und Inhalt ändern

[D-LuX]

Ich würde gerne ein Auswahlmenü mit 3 Auswahlpunkten erstellen.

z.B.
BMW
Mercedes
Audi

Wenn ich jetzt auf BMW klicke, erscheinen Daten zu BMW
Klicke ich auf MErcedes, erscheinen Daten zu Mercedes ..usw.

Wie setze ich das am Besten um?

mit inner.html?

Gruß LuX

 

[Quaese]

Hi,

schau dir mal das Tutorial zum Basic DHTML Menue an. Das Prinzip ist das gleiche - es werden die Elemente eingeblendet, die die erforderlichen Informationen enthalten.

Ciao
Quaese

 

[D-LuX]

Moin,

also ich habs jetzt mal wie folgt versucht:

<form name="formular">
    Wählen sie die gewünschte Farbe: <br>
    <input type="radio" name="rot"  value="1" onClick="document.formular.anzeige.value=this.name;"> rot<br>
    <input type="radio" name="grün"  value="2" onClick="document.formular.anzeige.value=this.name;"> grün<br>
    <input type="radio" name="gelb"  value="3" onClick="document.formular.anzeige.value=this.name;"> gelb<br>
    <input type="radio" name="blau"  value="4" onClick="document.formular.anzeige.value=this.name;"> blau<br>
    <input type="text" name="anzeige">
 </form>

Soll halt zum Einstieg sein.
Das Problem ist jetzt nur, dass wenn ich erst rot und dann grün anklicke, diese auch akiviert bleiben ...
Was schafft da Abhilfe?


EDIT:

Hab´s gelöst:

<form name="formular">
    Wählen sie die gewünschte Farbe: <br>
    <input type="radio" name="farbe"   value="rot"  onClick="document.formular.anzeige.value=this.value;"> rot<br>
    <input type="radio" name="farbe"  value="grün" onClick="document.formular.anzeige.value=this.value;"> grün<br>
    <input type="radio" name="farbe"  value="gelb" onClick="document.formular.anzeige.value=this.value;"> gelb<br>
    <input type="radio" name="farbe"  value="blau" onClick="document.formular.anzeige.value=this.value;"> blau<br>
    
    <input type="text" name="anzeige">
 </form>

 

[D-LuX]

Wie kann ich das ganze jetzt ohne Formularfelder umsetzen?

Also Textaustausch ohne Formularfelder ...

 

[Coasterjunkie]

Hallo!
Ich habe folgendes abgeändert:

<form name="formular">
Wählen sie die gewünschte Farbe: <br>
<a href="#" name="farbe" value="rot" onClick="document.formular.anzeige.value=this.value;">rot</a><br>
<a href="#" name="farbe" value="grün" onClick="document.formular.anzeige.value=this.value;">grün</a><br>
<a href="#" name="farbe" value="gelb" onClick="document.formular.anzeige.value=this.value;">gelb</a><br>
<a href="#" name="farbe" value="blau" onClick="document.formular.anzeige.value=this.value;">blau</a><br>
<br>
<input type="text" name="anzeige" value="Hier wird es gleich bunt">
</form>

Im IE funktioniert es. FF meldet leider nur ein "undefined". Hat jemand eine Idee, woran es liegen könnte?

Gruß Hendrik

 

[Quaese]

Hi,

ein Link (a-Element) kenn keine value-Eigenschaft. Versuch es stattdessen mal mit innerHTML.

<a href="#" name="farbe" value="rot" onClick="document.formular.anzeige.value=this.innerHTML;">rot</a><br>

Ciao
Quaese