Orlok: mit javascript select option vorwählen

Beitrag lesen

Hallo

So nach dem Motto

for i, i < alleselect innerhalb der "table"
     select(i).value = 'DEZ16';
next

So richtig klar ist mir noch nicht, was du meinst, aber du kannst dir beispielsweise mittels der Dokumentmethode querySelectorAll und einem entsprechenden CSS Selektor, den du der Methode als String übergibst, eine NodeList der select-Elemente ausgeben lassen, welche Nachfahren von table sind:

// sobald die Seite fertig geparst ist ...

window.addEventListener('DOMContentLoaded', function ( ) {

  // speichere alle select Elemente die Nachfahren einer table sind in der Variable list ...
  var list = document.querySelectorAll('table select');

  // und weise der Eigenschaft value von jedem select in list den Wert DEZ16 zu
  [].forEach.call(list, function (select) {
    select.value = 'DEZ16';
  });

});

Um über die Einträge von list zu iterieren verwende ich hier die Array-Methode forEach, da diese in meinen Augen etwas eleganter ist als die klassische for-Schleife, an die du hier wohl dachtest, obwohl es damit natürlich auch ginge.

Da es sich bei dem Rückgabewert von querySelectorAll um eine NodeList handelt und nicht um ein Array, die Methode forEach also eigentlich nicht auf list ausgeführt werden kann, erzeuge ich hier im Beispiel in Literalschreibweise erst ein leeres Array und rufe dann dessen Methode forEach mittels call für die in list hinterlegte NodeList auf.

Im Ergebnis wird dann allen select-Elementen, die Nachfahren eines table-Elements sind, als Auswahl die option mit dem Wert DEZ16 zugewiesen. Wenn du nur diejenigen select-Elemente selektieren willst, die Nachfahren einer bestimmten table sind, dann wäre der Selektor für die Methode querySelectorAll entsprechend anzupassen …

Gruß,

Orlok