Jörg Reinholz: Auswahlliste mit jQuery auslesen

Beitrag lesen

SELF-Forum

Auswahlliste mit jQuery auslesen

Jörg Reinholz
– Informationen zu den Bewertungsregeln

Mit jQuery kann ich es nicht. Mit Javascript brauche ich schnöde 16 Zeilen:

<html>  
<body>  
<script type="text/javascript">

function update_date2() {  
    var s1=document.getElementById("date1"); // erste Select-Box  
    var s2=document.getElementById("date2"); //zweite Select-Box  
    gewaehlt=s1.selectedIndex;               // welches?  
    if (-1 < gewaehlt) {                     // wenn nicht unangetastet  
      s2.innerHTML="";                       // Löschen der alten Inhalte  
      var start=gewaehlt-7;  
      var ende=gewaehlt;  
      if (start < 0) { start=0; }            // Darf nicht kleiner 0 sein...  
      for (var i=start; i<gewaehlt; i++) {  
          var option = document.createElement("option");  //Neue Option  
	  option.text =s1[i].text;                        // text  
	  option.value=s1[i].value;                       // wert  
	  s2.add(option);                                 // Option einhängen  
      }  
    }  
}

</script>  
  
<body>  
<select id="date1" name="date1" onchange="update_date2()">  
   <option value="01.08.2014">01.08.2014</option>  
   <option value="02.08.2014">02.08.2014</option>  
   <option value="03.08.2014">03.08.2014</option>  
   <option value="04.08.2014">04.08.2014</option>  
   <option value="05.08.2014">05.08.2014</option>  
   <option value="06.08.2014">06.08.2014</option>  
   <option value="07.08.2014">07.08.2014</option>  
   <option value="08.08.2014">08.08.2014</option>  
   <option value="09.08.2014">09.08.2014</option>  
   <option value="10.08.2014">10.08.2014</option>  
   <option value="11.08.2014">11.08.2014</option>  
   <option value="12.08.2014">12.08.2014</option>  
   <option value="13.08.2014">13.08.2014</option>  
   <option value="14.08.2014">14.08.2014</option>  
   <option value="15.08.2014">15.08.2014</option>  
   <option value="16.08.2014">16.08.2014</option>  
   <option value="17.08.2014">17.08.2014</option>  
   <option value="18.08.2014">18.08.2014</option>  
   <option value="19.08.2014">19.08.2014</option>  
   <option value="20.08.2014">20.08.2014</option>  
   <option value="21.08.2014">21.08.2014</option>  
   <option value="22.08.2014">22.08.2014</option>  
   <option value="23.08.2014">23.08.2014</option>  
   <option value="24.08.2014">24.08.2014</option>  
   <option value="25.08.2014">25.08.2014</option>  
   <option value="26.08.2014">26.08.2014</option>  
</select>  
  
<select id="date2" name="date2"><option>erst links wählen</option></select>  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln