kostenloser Webspace werbefrei: lima-city

Probleme beim disablen eines multiplen <select>´s

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   fr4mer

   fr4mer hat kostenlosen Webspace.

   21:57, 23.3.2010

   Also, ich möchte gern folgendes machen:
   
   Ich habe ein Formular, in dem es eine checkbox und ein multiples select gibt. Wenn das Formular nun angezeigt wird, ist die checkbox nicht angewählt und das select disabled. Wenn man nun die Checkbox anwählt, so soll das select nicht mehr disabled sein, also man soll dann Optionen auswählen können. Soweit funktioniert alles bei mir. Jedoch soll nun, wenn man die Checkbox wieder abwählt das select wieder abgewählt werden.. Daran scheitert es! Nach zweistündigem probieren und googeln bin ich immer noch nicht schlauer.
   
   Hier mein Code:
   
   JavaScript:
   

   <script type="text/javascript">
   
   function changeDisbableOfSelect()
   {
      var zweiterklick;
   
      if(zweiterklick == true)
      {
         zweiterklick = false;
         document.getElementByID("select").disabled = false;
      }
      else
      {
         zweiterklick = true;
         document.getElementByID("select").disabled = true;
      }
   }
   </script>

   
   
   Formular:
   

   <form name="formular">
      <input type="checkbox" onChange="changeDisbableOfSelect();">
      <select id="select" disabled>
         <option>Option 1</option>
         <option>Option 2</option>
      </select>
   </form>

   
   
   Wäre über Hilfe überaus dankbar! :)

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. theseven

   theseven hat kostenlosen Webspace.

   22:11, 23.3.2010

   "var zweiterclick" aus der Funktion rausnehmen und oben drüber schreiben, dann sollte es gehen. So wird das nämlich bei jedem Aufruf der Funktion wieder "undefined" und damit false.
   
   Edit: Oder noch besser: Tatsächlich den Status der Checkbox abfragen:
   

   <script type="text/javascript">
     function changeDisbableOfSelect()
     {
       document.getElementByID("select").disabled = !document.getElementById("checkbox").checked;
     }
   </script>
   
   <form name="formular">
      <input type="checkbox" id="checkbox" onChange="changeDisbableOfSelect();">
      <select id="select" disabled>
         <option>Option 1</option>
         <option>Option 2</option>
      </select>
   </form>

   
   
   Beitrag zuletzt geändert: 23.3.2010 22:14:14 von theseven
4. Autor dieses Themas

   fr4mer

   fr4mer hat kostenlosen Webspace.

   22:42, 23.3.2010

   Vielen Danke! Der Tipp mit der Variable vor die Funktion hat super geholfen!
   
   Da macht man sich stundenlang Mühe den Fehler zu finden und dann isses nur en kleiner Logikfehler.

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?