hilfdirselbst.ch
Facebook Twitter gamper-media
"Funktioniert nicht" ist keine hinreichende Fehlerbeschreibung.
Pretender
Beiträge: 1
16. Jun 2004, 12:48
Beitrag #1 von 3
Bewertung:
(1005 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Mozilla TextArea und Select (Option) Werte zuweisen


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 Top
 
X
oesi50  A  S
Beiträge: 2315
16. Jun 2004, 14:06
Beitrag #2 von 3
Beitrag ID: #91302
Bewertung:
(1005 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Mozilla TextArea und Select (Option) Werte zuweisen


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)
als Antwort auf: [#91272]
(Dieser Beitrag wurde von oesi50 am 16. Jun 2004, 17:43 geändert)
Top
 
Anonym
Beiträge: 22827
16. Jun 2004, 17:27
Beitrag #3 von 3
Beitrag ID: #91369
Bewertung:
(1005 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Mozilla TextArea und Select (Option) Werte zuweisen


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
als Antwort auf: [#91272] Top