|
|||
Kleines Problem ohne JavaScript lösen.
Folgendes möchte ich realisieren.
Ich habe verschiedene <input> Felder und möchte diese während einer bestimmten Auswahl verändern. Das ganze muss allerdings irgendwie ohne JavaScript realisiert werden. Unzwar habe ich einen RadioButton, der ein <select>-Feld ändern soll, jenachdem welchen Button gedrückt wird. Mein erster Gedanke war, dass man den RadioButton irgendwie als eine Art "link" tarnt. Damit sich das Browserfenster aktuallisiert und die entsprechenden select-optionen anzeigt. Hat dafür jemand eine Idee ? |
Sponsored Links |
|
|||
Ok, also das sind die Radio Buttons:
Code:
<fieldset class="wohnbereich"> <legend>Wohnbereich</legend> <p> <span style="color: #008000;">WB I:<input type="radio" name="wohnbereich" value="1"/></span> <span style="color: #0060FF;">WB II:<input type="radio" name="wohnbereich" value="2"/></span> <span style="color: #DF0000;">WB III:<input type="radio" name="wohnbereich" value="3"/></span> </p> </fieldset> Code:
<select size="1" name="Zimmernummer" style=width:70px;> <option value="E.01">E.01</option> <option value="E.02">E.02</option> <option value="E.03">E.03</option> <option value="1.01">1.01</option> <option value="1.02">1.02</option> <option value="1.03">1.03</option> <option value="2.01">2.01</option> <option value="2.02">2.02</option> <option value="2.03">2.03</option> </select> Wenn ich im RadioButton WB I auswähle, sollen im drop down menü nur die Zimmer mit E.X angezeigt werden. Wenn ich WBII auswähle, sollen die Zimmer mit 1.x angezeigt werden und bei WBIII die Zimmer mit 2.x |
|
|||
Naja, die RadioButtons waren dazu gedacht, dass es erkennbar ist, welcher WB ausgewählt wurde. Mit normalen Links ist das doch leider nicht so schön :-/
Man muss bedenken, dass ich hier was für DAUs bastel. Da muss also ganz genau erkennbar sein, WAS anzuklicken ist und WAS eventuell schon angeklickt worden ist. Und bei RadioButtons ist eben das schöne, dass sie jeder kennt und weiß wo man da wie klicken muss. |
|
||||
Wenn ein Link geklickt wurde, bekommt der nichtmehr <a href=" usw sondern wird in <strong> gepackt und ensprechend gestyled.
__________________
Um weitere Erklärungen eingeblendet zu bekommen, drücken Sie bitte die Tastenkombination Alt + F4 |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
JavaScript Problem | finntroll | Javascript & Ajax | 3 | 18.03.2009 17:49 |
Kleines C Problem beim String einlesen | kampfgnom | Serveradministration und serverseitige Scripte | 6 | 29.11.2008 12:52 |
Kleines Problem - CSS-Validator | Despairing | CSS | 4 | 01.10.2006 16:15 |
kleines layout problem | andrea_r | CSS | 5 | 25.11.2005 17:46 |
JavaScript PopUp Problem | ShadowDeath | Barrierefreiheit | 6 | 23.03.2005 18:36 |