Hallo,
ich möchte gerne je nachdem was im Dropdownfeld 1 (Feld1) ausgewählt ist, entsprechend ein zweites Dropdownfeld (Feld2) füllen.
Dazu habe ich folgenden Code:
Problem ist nur, deshalb habe ich es auch in klammern im Javascript Code geschrieben, wie bekomme ich es hin, dass die <option> Felder dann so aussehen wie im Code beschrieben?
Vielen Dank
ich möchte gerne je nachdem was im Dropdownfeld 1 (Feld1) ausgewählt ist, entsprechend ein zweites Dropdownfeld (Feld2) füllen.
Dazu habe ich folgenden Code:
HTML:
<html>
<head>
<script type="text/javascript">
function fillfeld2() {
var list = document.getElementsByName("feld2")[0];
var feld1Obj = document.getElementsByName("feld1")[0];
var feld1 = feld1Obj.options[feld1Obj.selectedIndex].value;
if(feld1 != 0) {
var noOptn = document.createElement("option");
var noAttr = document.createAttribute("value");
var noText = document.createTextNode("");
/* Wenn Feld1 = 1 ausgewählt */
if(feld1 == 1) {
/* Soll so das Dropdown Menü von Feld 2 aussehen */
<option>Konfig 1 - Auto</option>
<option>Konfig 1 - Motorrad</option>
}
/* Wenn Feld1 = 2 ausgewählt */
if(feld1 == 2) {
/* Soll so das Dropdown Menü von Feld 2 aussehen */
<option>Konfig 2 - Ampel</option>
<option>Konfig 2 - Besucher</option>
}
}
}
function removeChilds(boxName) {
var box = document.getElementsByName(boxName)[0];
var noOptn = document.createElement("option");
var noAttr = document.createAttribute("value");
var noText = document.createTextNode("");
for(var b in box) {
box.remove(b);
}
noAttr.nodeValue = "0";
noOptn.setAttributeNode(noAttr);
noOptn.appendChild(noText);
box.appendChild(noOptn);
}
function resetBox(boxName) {
document.getElementsByName(boxName)[0].options[0].selected = true;
}
function resetfeld1feld2() {
removeChilds("feld2");
resetBox("feld1");
}
function setfeld2s() {
removeChilds("feld2");
fillfeld2();
}
</script>
</head>
<table>
<tr>
Feld1:
<select name="feld1" onchange="setfeld2s()">
<option value="1">Konfiguration 1</option>
<option value="2">Konfiguration 2</option>
</select>
Feld2:
<select name="feld2">
</select>
</td>
</tr>
</table>
</body>
</html>Problem ist nur, deshalb habe ich es auch in klammern im Javascript Code geschrieben, wie bekomme ich es hin, dass die <option> Felder dann so aussehen wie im Code beschrieben?
Vielen Dank
