nicht angemeldet
Wie verknüpfe ich mehere Auswahlfelder
Hallo!
Kann mir jemand sagen, wie ich an den folgenden Code ein weiteres Auswahlfeld unterordne? So dass ich im Prinzip im nächsten Feld die optionen "Status" und "Tag" weiter zerlegen kann.
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript">
function auswahl_anzeigen(){}
function seite_laden(){}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.1">
var anz_felder = new Array(
new Array(""),
new Array("", "1", "2"),
new Array("", "1", "2","3", "4")
)
var beschriftung = new Array(
new Array("Bitte auswählen",""),
new Array("Bitte auswählen", "Werktag", "Feiertag"),
new Array("Bitte auswählen", "Urlaub", "Krank", "Sonderurlaub", "Arbeit")
)
function auswahl_anzeigen(f){
var auswahl = f.auswahl.selectedIndex
f.unterpunkte.options.length=anz_felder[auswahl].length
for (var i=0; i<anz_felder[auswahl].length; i++)
f.unterpunkte.options[i].text = (beschriftung[auswahl])[i]
}
function seite_laden(f){
var auswahl = f.auswahl.selectedIndex
var unterpunkt = f.unterpunkte.selectedIndex
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<SELECT NAME="auswahl" onChange="auswahl_anzeigen(this.form)">
<OPTION>Bitte auswählen</OPTION>
<OPTION>Tage</OPTION>
<OPTION>Status</OPTION>
</SELECT>
<SELECT NAME="unterpunkte" onChange="seite_laden(this.form)">
<OPTION>Bitte auswählen</OPTION>
</SELECT>
</FORM>
</BODY>
</HTML>
vielen Dank!
-
Du kannst die option-Tags nicht einfach wie ein Feld behandeln, sondern mußt dynamisch HTML erzeugen. Die einfachste Möglichkeit ist das innerHTML Attribut, was aber nicht von allen Browsern unterstützt wird. Die aufwendigere Alternative wäre über die createElement, appendChild und setAttribute Methoden des Document Objektes und der jeweiligen Tags.
MfG
GK