[GastForen Programmierung/Entwicklung JavaScript Mozilla TextArea und Select (Option) Werte zuweisen

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Mozilla TextArea und Select (Option) Werte zuweisen

Pretender
Beiträge gesamt: 1

16. Jun 2004, 12:48
Beitrag # 1 von 3
Bewertung:
(1112 mal gelesen)
URL zum Beitrag
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
X

Mozilla TextArea und Select (Option) Werte zuweisen

oesi50
  
Beiträge gesamt: 2315

16. Jun 2004, 14:06
Beitrag # 2 von 3
Beitrag ID: #91302
Bewertung:
(1112 mal gelesen)
URL zum Beitrag
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)


als Antwort auf: [#91272]
(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
Beitrag # 3 von 3
Beitrag ID: #91369
Bewertung:
(1112 mal gelesen)
URL zum Beitrag
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


als Antwort auf: [#91272]

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
20.10.2020 - 21.10.2020

Digicomp Academy AG, Luzern, St. Gallen, Zürich
Dienstag, 20. Okt. 2020, 08.30 Uhr - Mittwoch, 21. Okt. 2020, 17.00 Uhr

Kurs

In diesem Basic-Kurs lernen Sie das Wichtigste über den Aufbau und die Funktionsweise von Photoshop. Zusammen mit den notwendigen Grundlagen von Farbenlehre bis Bildauflösung lernen Sie zudem die kreativen Möglichkeiten von Photoshop kennen.

Preis: CHF 1'400.-
Dauer: 2 Tage

Nein

Organisator: Digicomp Academy AG

Kontaktinformation: Isil Günalp, E-Mailisil.guenalp AT digicomp DOT ch

https://www.digicomp.ch/weiterbildung/software-anwendungs-trainings/adobe-trainings/desktop-publishing/adobe-photoshop-cc/kurs-adobe-photoshop-cc-basic

Veranstaltungen
22.10.2020 - 23.10.2020

Digicomp Academy AG, Basel und Bern
Donnerstag, 22. Okt. 2020, 08.30 Uhr - Freitag, 23. Okt. 2020, 17.00 Uhr

Kurs

In diesem Advanced-Kurs erlernen Sie weitergehende Methoden im Dokumentenaufbau, der Typografie und im Bereich Layouttechniken. Nach diesem Kurs können Sie strukturierte Dokumente erstellen oder bestehende effizienter anpassen.

Preis: 1'400.-
Dauer: 2 Tage

Nein

Organisator: Digicomp Academy AG

Kontaktinformation: Isil Günalp, E-Mailisil.guenalp AT digicomp DOT ch

https://www.digicomp.ch/weiterbildung/software-anwendungs-trainings/adobe-trainings/desktop-publishing/adobe-indesign-cc/kurs-indesign-cc-advanced

Neuste Foreneinträge


Letzter Aufruf für InDesign CC 2019 ?

Bedingter Text

Sehr hochwertiger Bildschirm (gleichwertig wie Mac Retina)

Sound für Imagefilm / Produkt-Kurzvideo

Bild öffnen - - .......weil ein Volumefehler aufgetreten ist nicht öffnen.

Probleme beim Einlaoggen auf Quark-Seite

PDF_RGB-AUSGABE

QuarkXPress 2018 lässt sich nicht mehr aktivieren

Sonderfarbe Gold mit Gelb hinterlegen

Musterseite in anderes Layout ziehen
medienjobs