Forenindex » Programmierung/Entwicklung » JavaScript » Mozilla TextArea und Select (Option) Werte zuweisen

Mozilla TextArea und Select (Option) Werte zuweisen

Pretender
Beiträge gesamt: 1
16. Jun 2004, 12:48
Bewertung:

gelesen: 1224

Beitrag als Lesezeichen
Hallo zusammen.

Mein Problem:
Beim Klck auf einen Button soll in einem Select, ich sage mal Auswahlbox dazu, Werte hinzugefügt werden. Im IE funktioniert es wunderbar. Mozilla (1.7RC3 bzw. Firefox 0.8) ersetzen zwar den Wert in der TextArea und löschen auch die bisherigen Einträge in der Auswahlbox, aber fügen keine neuen Einträge ein. Es erscheint gar nichts in der Auswahlbox.

Unten steht der Code. Wäre super, wenn mir jemand helfen könnte.
Danke schon mal im Voraus.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<META name="GENERATOR" content="IBM WebSphere Studio">
<TITLE>JsMozillaProblem.html</TITLE>
<script type="text/javascript">
<!--
function jsEintrag() {
var l = document.getElementsByName("auswahlbox")[0].length;
for (var i=0; i<l; i++) {
document.getElementsByName("auswahlbox")[0].remove(0);
}
document.getElementsByName("bemerkung")[0].value = "jsEintrag()";
for (var j=0; j<3; j++) {
var Eintrag = document.createElement("option");
Eintrag.text = j;
document.getElementsByName("auswahlbox")[0].add(Eintrag,document.getElementsByName("auswahlbox")[0].length);
}
}

function jsEintragNeu() {
document.form1.bemerkung.value = "KAI";
}

//-->
</script>
</HEAD>
<BODY>

<form name="form1">
<select id="auswahlbox" name="auswahlbox" style="width:240px" size="1">
<option>eins</option>
<option>zwei</option>
<option>drei</option>
</select>
<br><br>
<TEXTAREA id="bemerkung" name="bemerkung" style="width:240px" size="1">TextArea</TEXTAREA>
<br><br>
<input type="button" name="Submit1" value="jsEintrag()" onclick="javascript: jsEintrag()">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="button" name="Submit2" value="jsEintragNeu()" onclick="javascript: jsEintragNeu()">
</form>
</BODY>
</HTML>


---------------------------
Greez Kai

Mozilla TextArea und Select (Option) Werte zuweisen

oesi50
  
Beiträge gesamt: 2315
16. Jun 2004, 14:06
Bewertung:

gelesen: 1224

Beitrag als Lesezeichen
hallo Kai,

so geht das nicht. Du willst den HTML-Code per Javascript ändern.
Laut Javascript muss aber das Form Objekt direkt geändert werden.

hier mal ein Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<TITLE>JsMozillaJetztKeinProblemMehr.html</TITLE>
<script type="text/javascript">
<!--
function jsEintragLeer(){
var l = document.form1.auswahlbox.options.length;
for (var i=0; i<l; i++) {
document.form1.auswahlbox.options = null;
}
document.form1.auswahlbox.options.length = 0;
}

function jsEintragNeu() {
var l = document.form1.auswahlbox.options.length;
var Eintrag = new Option( "Text für " + document.form1.bemerkung.value, document.form1.bemerkung.value)
document.form1.auswahlbox.options[l] = Eintrag;
document.form1.auswahlbox.options[l].selected=true;
}

//-->
</script>
</HEAD>
<BODY>

<form name="form1">
<select id="auswahlbox" name="auswahlbox" size="1">
<option>eins</option>
<option>zwei</option>
<option>drei</option>
</select>
<br><br>
<INPUT id="bemerkung" name="bemerkung">
<br><br>
<input type="button" name="Submit1" value="Leeren" onclick="jsEintragLeer()">
<input type="button" name="Submit2" value="Neueintrag" onclick="jsEintragNeu()">
</form>
</BODY>
</HTML>

so geht's auch in ALLEN Browsern, die Javascript können.

Testlink: http://vsrv.de/examples/select1.shtml

Grüße Oesi
Ich weiß, dass ich nichts weiß... (Sokrates)

(Dieser Beitrag wurde von oesi50 am 16. Jun 2004, 17:43 geändert)

Mozilla TextArea und Select (Option) Werte zuweisen

Anonym
Beiträge gesamt: 22827
16. Jun 2004, 17:27
Bewertung:

gelesen: 1224

Beitrag als Lesezeichen
Hi oesi50!

Mit dem new Option(..) geht es jetzt. Super danke.
Man kann dem Option die selected-Parameter auch gleich mitgeben, wobei manche Browser diese optionalen Parameter wiederum zu ignorieren scheinen. *augenverdreh*

Vielen Dank für die Hilfe!!!!

--------------------------------
Greez Kai