SELECT disabled schalten per Javascript
Arne Schuch
- javascript
Hallo,
ich habe in einer älteren Nachricht etwas über die Möglichkeit gelesen, Select-Felder per Radiobutton zu de-/aktivieren: http://forum.de.selfhtml.org/archiv/2002/2/t5260/
Ich habe jetzt aber das Problem, dass ich das Select-Feld nur dann aktiviert haben möchte, wenn ein bestimmter Wert in einem anderen Select gewählt wurde.
Also im Prinzip so:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<form action="">
<select name="Anton">
<option value="inaktiv1">inaktiv1</option>
<option value="inaktiv2">inaktiv2</option>
<option value="aktiv">aktiv</option>
</select>
<select name="Berti" disabled="disabled">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
</form>
</body>
</html>
Erst wenn unter "Anton" <aktiv> gewählt wurde, soll der Select "Berti" aktiv sein.
Geht das? Und wenn wie?
Gruß, Arne
Hi,
ja, das geht.
Also: Was du brauchst ist eine JS-Funktion, die das für dich übernimmt.
Wenn ich mit "form" arbeite, dann gebe ich der auch immer einen Namen, in etwa so:
<form action="" name="form01">
Dann musst den "value" einer Funktion geben, die das zweite "select" ggf. auf enabled setzt.
function jsDisable(activate)
{
if(activate=="aktiv")
{
document.form01.Berti.disabled=false;
}
else
document.form01.Berti.disabled=true;
}
Diese Fkt. rufst du hier auf:
<select name="Anton" onchange="jsDisable(this.value)">
Der Wert "this.value" ist in der Fkt. "activate". Dann vergleichst du den mit dem value "aktiv" und fertig ist das.
Grüße,
Thorsten F.