[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:
(1228 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:
(1228 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:
(1228 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

PDF / Print
pitstopPro_300

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
14.05.2024

Online
Dienstag, 14. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Prozessoptimierung ist ein Teamsport! Keine Software und keine Maschine allein kann Ihnen helfen, die Effizienzpotenziale Ihres Betriebes maximal auszuschöpfen. Von der Auftragsannahme über die Vorstufe und den Druck bis hin zur Weiterverarbeitung – alles muss optimal ineinandergreifen. Apropos Weiterverarbeitung – in vielen Druckbetrieben fristet sie in Sachen Prozessoptimierung immer noch ein Schattendasein. Dabei liegen hier mittlerweile die größten Einsparpotenziale! In einem Webinar von Horizon und Impressed erfahren Sie, wie Sie diese Einsparungen realisieren können. Horizon, bekannt für innovative Lösungen in der Druckweiterverarbeitung, bietet mit iCE LiNK eine Workflowlösung für die Weiterverarbeitung. iCE LiNK überwacht, visualisiert und analysiert Produktionsabläufe und unterstützt bei der Wartung – damit immer alles reibungslos läuft. Den gleichen Anspruch hat der von Impressed entwickelte Impressed Workflow Server – er ist die smarte PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt. Im Webinar zeigen Ihnen die Experten von Horizon und Impressed, wie beide Lösungen im Team die Effizienz und Produktivität Ihres Betriebes steigern können. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Ja

Organisator: Impressed / Horizon

https://www.impressed.de/schulung.php?c=sDetail&sid=327

Einsparpotenziale in der Weiterverarbeitung
Veranstaltungen
16.05.2024

Online
Donnerstag, 16. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Nein

Organisator: Impressed / Günther Business Solutions

https://www.impressed.de/schulung.php?c=sDetail&sid=326

Und es geht doch: Automatisierung im Großformatdruck!