• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Von Text feld in Listenfeld

Status
Für weitere Antworten geschlossen.
F

Fame

Neues Mitglied
Hi Leute,
bin noch nicht so lange im coding Geschäft. Ich habe zwei Textfelder,
einen für Vor und einen für Nachname. Ich will das der eingegeben Name bzw. Vorname dann im Listenfeld eingelesen wird und man ihn sieht.
Habe mich damit gerade erst auseinander gesetzt und weis nicht ob das zu Javascript gehört oder hier im HTML Bereich. Jedenfalls komm ich da nicht weiter... die Quelle die ich dazu hatte hat mir nicht direkt geholfen.

Hier der Code...

Code: 
<html>
<head>
<title>Working on formulars</title>

<script language="Javascript">


function insert()
    {
    var vname;
    var nname;
    var insert;
    vname = name "value";
    nname = nachname "value";
    with(collection)
        {
        value="vname + ", " + nname";
        }
    }


</script>




<meta name="author" content="Patrick">
</head>




<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">



Name: <input type="Text" name="name" value="" size="nn" maxlength="nn" methd="post"> 

Nachname: <input type="Text" method="post" name="nachname" value="" size="nn" maxlength="nn">

<input type="button" name="write" value="schreiben" onClick="insert">

<br>
<br>
<form name ="Formular1" method="post" action="working on formulars.html">
<textarea name="collection" cols="49" rows="8"  action="insert"></textarea>
</form>
</body>
</html>

mfg
 
Moved: JavaScript, AJAX und DHTML (da_loki)

Gib deinen beiden INPUT Feldern eine ID, und ändere die JavaScript funktion ab.

Code: 
<script language="Javascript">
function insert()
    {
    var vname;
    var nname;
    var insert;

[b]    vname = document.getElementById('name').value;
    nname = document.getElementById('nachname').value;[/b]

    with(collection)
        {
        value="vname + ", " + nname";
        }
    }
</script>

Name: <input type="Text" name="name" value="" size="nn" maxlength="nn" [b]id="name"[/b]> 

Nachname: <input type="Text" method="post" name="nachname" value="" size="nn" maxlength="nn" [b]id="nachname"[/b]>
 
ok werde ich mache, vielen dank schonmal :razz:

habe das gerade mal ausprobiert wie du das oben geändert hast... hat leider nicht geklappt, habe es aber halbwegs verstanden nur weis ich nicht worans
liegt, evtl. am button ?
 
Zuletzt bearbeitet von einem Moderator:
Code: 
<html>
<head>
<title>Working on formulars</title>
<script language="Javascript">
function insert(){
    vname = document.getElementById('name').value;
    nname = document.getElementById('nachname').value;
    var name = nname + ", " + vname + "\n";
    document.getElementById('collection').value += name;
}
</script>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
Name: <input type="Text" name="name" value="" id="name"> 

Nachname: <input type="Text" name="nachname" value="" id="nachname">

<input type="button" name="write" value="schreiben" onClick="insert()">

<br>
<br>
<form name ="Formular1" method="post" action="working on formulars.html">
<textarea name="collection" cols="49" rows="8" action="insert" id="collection"></textarea>
</form>
</body>
</html>

Dieser Code ist getestet und sollte funktionieren ;)
 
***EDIT***
ein n fehlte... klappt nun.
Vielen dank für die Hilfe :) wie gesagt arbeite mit Javascript erst seit ca. 4 Stunden.

also wenn ich das richtig verstanden habe benötigt er die Id um das element mit getElemetById anzusprechen richtig ?

was bedeutet den += ?

Rest wird mir klar :)
 
Zuletzt bearbeitet:
Fame schrieb:
also wenn ich das richtig verstanden habe benötigt er die Id um das element mit getElemetById anzusprechen richtig ?
Zum Vergrößern anklicken....
Ja, dafür ist das aber so ziemlich die einfachste Methode um auf Elemente zuzugreifen.

was bedeutet den += ?
Zum Vergrößern anklicken....

PHP: 
var a = "foo":
var b = "bar";
a += b;
  //a hat jetzt den Wert foobar
Bzw. es bedeutet das gleiche wie:
PHP: 
var a = "foo":
var b = "bar";
a = a + b;
  //a hat jetzt den Wert foobar


Ist halt nur kompakter und somit übersichtlicher ;)
 
Achso, ja dann habe ich glaub ich alles verstanden. Muss mir nur noch das mit den Formularen in den Kopf rein meißeln, warum die da unbedingt sein sollen...

mach gerade nen Studiengang als Informatiker in Multimedia und wir machen gerade nur so if und while operationen in javascript, das mir zu einfach und da will ich schonmal mich weiter bilden.

Und in Java sind wir auch noch nicht weiter, also ist js das für mich visuell schönere Arbeitsfeld :)

danke :)
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben