kostenloser Webspace werbefrei: lima-city

Select und Javascript

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   joma93

   joma93 hat kostenlosen Webspace.

   15:20, 23.1.2008

   So ich hätte mal wieder eine tag/frage">Frage zu Javascript.
   
   Auf meiner Seite will ich ein Formular machen und in diesem Formular soll es 2 Select-Felder geben. Nun meine Frage: wie ist es mögliche die Auswahlmöglichkeiten des 2ten Feldes so zu steuern (per Javascript) das je nach dem was man im 1ten Feld gewählt hat, andere Auswahlmöglichkeiten im 2ten erscheinen.
   
   Ich hoffe ihr versteht es und jemand kann mir helfen.
   
   Gruss joma

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. bladehunter

   

   bladehunter hat kostenlosen Webspace.

   16:46, 23.1.2008

   Wenn du es komplett mit JavaScript machen willst:
   http://de.selfhtml.org/javascript/objekte/options.htm
   
   Wahrscheinlich bedeutet aber folgende Lösung wesentlich weniger Aufwand:
   
   Du definierst alle sekundären Auswahllisten vor und machst sie unsichtbar per CSS (diplay:none) . Mit JavaScript regelst du dann, welche Auswahlliste sichtbar werden soll.
4. Autor dieses Themas

   joma93

   joma93 hat kostenlosen Webspace.

   23:42, 26.1.2008

   danke für deine Antwort.
   ja das mit den Unsichtbaren Listen wird wohl das einfachste sein.
   Ich werde es mal so probieren.
   
   hoffentlcih wird es so wie ich es mir wünsche.
   
   gruss joma
   
   edit by bladehunter: Doppelpost zusammengeklebt
   
   so nach dem ich es ein paar tage probiert habe komme ich einfach nicht zu einem ergebnis
   
   hier ist mein code den ich bis jetzt habe, meine fregen beziehen sich lediglich auf das javascript
   mein problem habe ich ja oben schon geschildert, also hier das was ich bis jetzt habe
   
   

   <script type=\"text/javascript\"> 
   fuction Auswahl(fachlink){
           document.getElementById(fachlink).style.display = \'block\';
           };
   </script>
   
   <form action=\"books.php?site=new\" method=\"post\" name=\"new\">
   <table cellpadding=\"0\" cellspacing=\"10\" width=\"100%\" style=\"border:#999999 2px solid; font:12px; color:#000000; margin:15px;\">
   <tr>
   <td>Fach</td>
   <td><select name=\"fach\" size=\"1\">
           <option value=\"default\" checked=\"checked\">Wähle das Fach ...</option>
           <option value=\"bio\" onclick=\"Auswahl (\'bio\')\">Biologie</option>
           <option value=\"chemie\" onclick=\"Auswahl (\'chemie\')\">Chemie</option>
           <option value=\"english\" onclick=\"Auswahl (\'english\')\">English</option>
           <option value=\"franz\" onclick=\"Auswahl (\'franz\')\">Franz&ouml;sisch</option>
            <option value=\"geo\" onclick=\"Auswahl (\'geo\')\">Geografie</option>
           <option value=\"mathe\" onclick=\"Auswahl (\'mathe\')\">Mathematik</option>
   </select></td>
   </tr>
   <tr>
   <td>Name</td>
   <td><select name=\"name\" size=\"1\">
           <option value=\"default\" checked=\"checked\">Wähle das Buch ...</option>
           <option value=\"weltatlas\" id=\"geo\" style=\"display:none\">Schweizer Weltatlas</option>
   </select></td>
   </tr>
   <tr>
   <td>Auflage oder Ausgabe<br/><span class=\"note\" >Als Zahl (z.B. 3)</span></td>
   <td><input type=\"text\" value=\"\" name=\"auflage\" /></td>
   </tr>
   <tr>
   <td>Alter des Buches<br/><span class=\"note\" >In Jahren (z.B. 2.5)</span></td>
   <td><input type=\"text\" value=\"\" name=\"alter\" /></td>
   </tr>
   <tr>
   <td colspan=2>Beschreibung und Zustand des Buches</td>
   </tr>
   <tr>
   <td colspan=2><textarea rows=\"15\" style=\"width:100%;\" name=\"beschreibung\" ></textarea></td>
   </tr>
   <tr>
   <td>Preis<br/><span class=\"note\" >Preisangabe kann auch z.B. \'25-30\' sein.</span></td>
   
   <td><input type=\"radio\" name=\"preisart\" value=\"preis\" /><input type=\"text\" value=\"\" name=\"preis\" />&nbsp;Fr.<br/><input type=\"radio\" name=\"preisart\" value=\"absprache\" /><span class=\"note\" >Persöhnliche Preisabsprache.</span><br/><input type=\"radio\" name=\"preisart\" value=\"leihweise\" /><span class=\"note\" >Leihweise abzugeben.</span></td>
   </tr>
   <tr>
   <td colspan=\"2\"><input style=\"float:right;\" type=\"submit\" value=\"Absenden\" name=\"submit\" /></td>
   </tr>
   </table>
   </form>

   
   
   
   Beitrag geändert: 27.1.2008 0:11:39 von bladehunter

5. bladehunter

   

   bladehunter hat kostenlosen Webspace.

   0:13, 27.1.2008

   Du solltest besser onchange als Eventhandler nehmen.
   Und zwar als Attribut von <select>.
6. Autor dieses Themas

   joma93

   joma93 hat kostenlosen Webspace.

   17:35, 27.1.2008

   ok kann ich mal probieren
   
   aber der code denn ich geposted habe geht irgendwie gar nicht. Es passiert nichts wenn ich auf die auswahlliste klicke.
   
   gruss joma

7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?