Vorauswahl in Listenbox lässt sich nicht setzen
andreasmu
- javascript
Hallo,
ich übe seit einiger Zeit mit Javascript (Greasemonkey auf Firefox), habe folgenden JS-Code geschrieben. ich möchte eine Dropdownliste mit z.B. Werten von 1-5 definieren, und einen Wert bereits als Vorauswahl anzeigen lassen.
Da ich diesen Wert dynamisch bekomme, ist ein "option selected" nicht ganz so elegant.
Warum bekomme ich bei unterem Code in der Ausführung der letzten Zeile einen Fehler "document.Gelbschwellwert is undefined"?
Ich dachte, ich hätte es wie hier beschrieben gemacht, nur etwas abgewandelt...
http://de.selfhtml.org/javascript/objekte/options.htm#default_selected@title=http://de.selfhtml.org/javascript/objekte/options.htm#default_selected
Danke für Hilfe!
var ListDiv = document.createElement('div');
ListDiv.innerHTML=
'<form name="Gelbschwellwert" action="">'+
'<select name="Gelbauswahl" size="1">'+
'<option>1</option>'+
'<option>2</option>'+
'<option>3</option>'+
'<option>4</option>'+
'<option>5</option>'+
'</select>'+
'</form>'
document.getElementById('Skripteinstellungen').firstChild.childNodes[4].childNodes[1].appendChild(ListDiv);
document.Gelbschwellwert.Gelbauswahl.options[1].selected=true;
Jetzt hab ich mal noch was ausprobiert, und plötzlich funktionierts ;)
//Gelb-Liste erzeugen
var ListDiv = document.createElement('div');
ListDiv.innerHTML=
'<form name="Gelbschwellwert" action="">'+
'<select id="Gelbauswahl" name="Gelbauswahl" size="1">'+
'<option>1</option>'+
'<option>2</option>'+
'<option>3</option>'+
'<option>4</option>'+
'<option>5</option>'+
'</select>'+
'</form>'
document.getElementById('Skripteinstellungen').firstChild.childNodes[4].childNodes[1].appendChild(ListDiv);
var Gelbliste=document.getElementById("Gelbauswahl");
Gelbliste.options[3].selected=true;
Hab nochmal ein wenig rumprobiert, jetzt geht's!
//Gelb-Liste erzeugen
var ListDiv = document.createElement('div');
ListDiv.innerHTML=
'<form name="Gelbschwellwert" action="">'+
'<select id="Gelbauswahl" name="Gelbauswahl" size="1">'+
'<option>1</option>'+
'<option>2</option>'+
'<option>3</option>'+
'<option>4</option>'+
'<option>5</option>'+
'</select>'+
'</form>'
document.getElementById('Skripteinstellungen').firstChild.childNodes[4].childNodes[1].appendChild(ListDiv);
var Gelbliste=document.getElementById("Gelbauswahl");
Gelbliste.options[3].selected=true;