Michael: input-feld mit onchange verbinden?

habe ein dringendes Problem ich möchte die Checkboxen anzeigen statt die Pulldownmenü:

<select name="land" size="1" onchange="zeigeLaender()">
   <option value="land00">...</option>
</select>

jetzt möchte ich dies als checkbox umsetzen, aber es klappt nicht, was mache ich falsch:

<form name="regionen">
<input type="checkbox" value="land00" onchange="zeigeLaender()">...<br>
</form>

Kann jemand erläutern, was ich falsch mache?

Michael

  1. Hallo Michael,

    was genau klappt nicht?
    Werden die Checkboxen nicht angezeigt? Das wäre seltsam, weil am Code soweit alles stimmt,
    außer daß Du der Checkbox keinen Namen gegeben hast.

    Oder funktioniert die OnChange-function nicht? Dann zeig doch mal, wie Du die geschrieben hast.

    Gruß, regina

    1. Hier gleich komplett, ich hab da was geändert mit "PullDownMenü":

      <html>
      <head>
      <title>Suche</title>
      <script language="JavaScript">
      <!--
      function zeigeLaender()
      {

      i=document.forms[0].land.selectedIndex;   
      
      
      if (document.layers)  
      {  
      

      for (j=0;j<1;j++) document.layers[j].visibility="hide";
        if (i>0)
        {
         document.layers[i-1].visibility="show";
      <!--   for(j=0;j<document.layers[i-1].document.forms[0].regionen.length;++j) -->
      <!--   if(document.layers[i-1].document.forms[0].regionen.options[j].selected == true) -->
      <!--   document.forms[0].b_land.value=document.layers[i-1].document.forms[0].regionen.options[j].value; -->
        }
        else document.forms[0].b_land.value="";
      }

      else   
      
      {  
      

      for (j=0;j<1;j++) document.all.tags("div")[j].style.visibility="hidden";
        if (i>0)
        {
         document.all.tags("div")[i-1].style.visibility="visible";
      <!--   for(j=0;j<document.forms[i].regionen.length;++j) -->
      <!--   if(document.forms[i].regionen.options[j].selected == true) -->
      <!--   document.forms[0].b_land.value=document.forms[i].regionen.options[j].value; -->
        }
        else document.forms[0].b_land.value="";
      }
      return
      }

      </script>
      </head>

      <body bgcolor="#F0F0F0">

      <form action="suchbild.php3" name="regionen" method="GET">
      <input type="hidden" name="notify" value="yes">
      <input type="hidden" name="b_land" value="">
      <p>Geben Sie hier hier die Kriterien ein: </p>
        <table border="0" width="364" height="22">
          <tr>
            <td width="365" height="22">

      <select name="land" size="1" onchange="zeigeLaender()">  
      

      <option value="land00"></option>
              <option value="land01">Deutschland</option>
      </select> <input type="Submit" name="submit" value="OK">

      </td>
          </tr>
          <tr>
      <td width="237" height="22"></td>
          </tr>
        </table>
      </form>

      <div id="Land1" style="position:absolute; top:82; left:40; visibility:hidden;">
      <form name="FrontPage_Form2">
        <p>
      <input type="checkbox" value="01" name="regionen">Baden-Württemberg<br>
      <input type="checkbox" value="02" name="regionen">Bayern<br>
      <input type="checkbox" value="03" name="regionen">Berlin<br>
      <input type="checkbox" value="04" name="regionen">Brandenburg<br>
      <input type="checkbox" value="05" name="regionen">Bremen<br>
      <input type="checkbox" value="06" name="regionen">Hamburg<br>
      <input type="checkbox" value="07" name="regionen">Hessen<br>
      <input type="checkbox" value="08" name="regionen">Mecklenburg-Vorpommern<br>
      <input type="checkbox" value="09" name="regionen">Niedersachsen<br>
      <input type="checkbox" value="10" name="regionen">Nordrhein-Westfalen<br>
      <input type="checkbox" value="11" name="regionen">Rheinland-Pfalz<br>
      <input type="checkbox" value="12" name="regionen">Saarland<br>
      <input type="checkbox" value="13" name="regionen">Sachsen<br>
      <input type="checkbox" value="14" name="regionen">Sachsen-Anhalt<br>
      <input type="checkbox" value="15" name="regionen">Schleswig-Holstein<br>
      <input type="checkbox" value="16" name="regionen">Thüringen<br>
      </p>
      </form>
      </div>

      </body>
      </html>

      Nun möchte ich die Checkboxen anstatt die Pulldown mal einbauen, was aber nicht klappte:

      In dem ich das Feld für PullDownMenü so umgesetzt habe:
      <input type="checkbox" value="land01" onchange="zeigeLaender()">

      Klappt aber nicht, hmmm? Es soll bei einen Klick, die obrige Felder alle Bundesländer angezeigt werden. Mir klappte bisher nur über PullDownMenü. Kann es sein, dass ich im JavaScript das darum falsch wären, weil das Funktion nicht entspricht wegen "selected" (bei Option) und "checked" (bei Checkbox)...?

      Michael