Arne Schuch: SELECT disabled schalten per 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

  1. 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.

    1. Danke! Super.