Per JS die <option> eines select-Feldes ändern

[Christian Kruse]

Hallo Christian,

Was mache ich, wenn ich den Index nicht kenne und das die Auswahl z.B. anhand des value-Wertes treffen möchte, z,B.

document.getElementById('xyz').selectedIndex = 'maus';

Leider funktioniert das nicht. Hat jemand eine Lösung??

Du durchläufst alle <option> des Selects und stopst bei dem gesuchten Index. Auf diesen Index setzt du dann den selectedIndex:

var i, select = document.getElementById('xyz');

for(i = 0; i < select.options.length; ++i) {
  if(select.options[i].value == "gesuchter Wert") {
    select.selectedIndex = i;
    break;
  }
}

LG,
CK