Formular, dynamische Daten über Arrays....

[commander-noob]

Hallo @ all


ich möchte gerne folgendes erstellen:

ich habe in einem formular ein eingabefeld, in dem user was eingeben können. nach eingabe können sie rechts neben dem input feld ein button drücken (add)! es wird eine funktion (add) ausgeführt die den vorher eingegebenen text speichert und ebenfalls anzeigt.

dieses wird in einer textarea oder option tag angezeigt.

das habe ich bisher erstellt, es funkt ein wenig

function add ()
{
     input = document.createElement("input");
     input.type = "text";
     document.body.appendChild(input);
}  


<STRONG>Squads:</STRONG><BR>
   <input type="text" size="40" name="squads">&nbsp;<input type=button value=add onclick="add();">

es werden nur neue input felder erzeugt! ich möchte aber, dass die eingegebenen werte in einer texarea oder option tag angezeigt werden und auch wieder gelöscht werden können.


kann mir da bitte jemand helfen?

[commander-noob]

besser gesagt: ich möchte, dass der eingegebe wert aus dem input field in einer textarea oder einem option tag übernommen wird.

der vorherige kram ist müll, den ich geschrieben habe. also einfach eingegebener wert aus input in textarea oder option tag.


danke schonmal

[lyc8069]

Meinst du etwa so:

function add (){
document.name_des_formulars._name_des_textfeldes.value=document.name_des_forms.name_der_textarea.value;
}

[commander-noob]

das sieht schon richtig gut aus. nur das in die textarea nichts übernommen wird.

habe jetzt folgendes:

function add (){
document.Formular.squads.value=document.Formular.squadlist.value;
}


<STRONG>Squads:</STRONG><BR>
   <input type="text" size="40" name="squads">&nbsp;<input type=button value=add onclick="add();">



<STRONG>Ihre Squads:</STRONG><BR>
   <textarea size="40" name="squadlist"></textarea>

[lyc8069]

Ich sehe auch kein Formular in deinem Quelltext!

[lyc8069]

Habe jetzt die Lösung:

function add (){
document.Formular.squadlist.value=document.Formular.squads.value;
}

<form name="Formular">
<STRONG>Squads:</STRONG><BR>
   <input type="text" size="40" name="squads">&nbsp;<input type=button value=add onclick="add();">



<STRONG>Ihre Squads:</STRONG><BR>
   <textarea size="40" name="squadlist"></textarea>
</form>

So sollte es klappen
MFG Lyc8069

[lyc8069]

Es lag ein Denkfehler meinerseits vor:

function add (){
document.name_des_formulars._name_des_textfeldes.value=document.name_des_forms.name_der_textarea.value;
}

heißt ja: inhalt des input feldes soll sein=inhalt von textarea
das heißt: einfach "seiten" vertauschen.

[commander-noob]

ja den namen formular hatte ich schon angegeben.

cool funkt.

bloß möchte ich das jetzt mehrere texte untereinander gespeicher werden können. zz wird immer nur ein text gespeichert. gibt man was neues ein wird der alte erstezt.


und evtl den ganzen kram auch noch in einem option tag?

[lyc8069]

Erstmal zur Value überschreibung

function add (){
document.Formular.squadlist.value=document.Formular.squadlist.value+document.Formular.squads.value;
}

[commander-noob]

so jetzt kann ich mehrere squads einfügen! vielen dank bis hier her.

zwar stehen die dinge genau hintereinander ohne leerschritte oder brakes aber das werden wir schon hinbekommen!


ist es jetzt noch möglich, dass in einem option tag oder was ähnlichem zu speichern?

es sieht in einer textarea irgendwie nicht gut aus.

[lyc8069]

Ja, ich suche gerade nach einer Möglichkeit, habe aber bis jetzt das wahre noch nicht gefunden...

[meto]

Hier wirst Du fündig.

SELFHTML: JavaScript / Objektreferenz / options

Die Referenz verschweigt zwar dass ein select-Objekt auch eine add-Methode besitzt, aber so geht es auch.

[lyc8069]

*patsch* Hätte ich selber drauf kommen können ...

[lyc8069]

mir hat also das new option-objekt gefehlt, muss ich gleich mal merken...

[lyc8069]

<script type="text/javascript"><!--
function Hinzufuegen () {
  NeuerEintrag = new Option(document.Formular.squads.value, document.Formular.squads.value, false, true);
  document.Formular.Auswahl.options[document.Formular.Auswahl.length] = NeuerEintrag;
  document.Formular.squads.value = "";
}
// --></script>

<form name="Formular">
    <p><input type="text" size="20" name="squads"> <input
    type="button" name="B1" value="add" onclick="Hinzufuegen();"><select
    name="Auswahl" size="1">
    </select></p>
</form>

So sollte es funktionieren!