Archivlink: javarea.de Forum > JavaScript > Textfeld aus 1. Formular auslesen und Werte in Textfeld im 2.Formular eintragen
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Textfeld aus 1. Formular auslesen und Werte in Textfeld im 2.Formular eintragen

Pages: [1]

geschrieben von gini0_8 am 01.02.2012 - 16:48
Textfeld aus 1. Formular auslesen und Werte in Textfeld im 2.Formular eintragen

Hallo zusammen,

ich bin neu hier und hoffe ihr könnt mir helfen.
Da ich nicht wirklich viel Java kann versuche ich mein Glück bei euch Profis.
Ich hab mir eine simple Webseite geschrieben. Auf http://www.webseite.de habe ich ein Formular.
In diesem Formular soll der User 1. etwas aus einem Dropdownfeld auswählen und 2. etwas in ein Textfeld schreiben.
Klickt der User nun auf den "Weiter" Button erscheint auf einer neuen Seite das komplette Formular.
Dort sollen dann die beiden Werte, welche der User in dem 1. Formular eingetragen hat in dem 2. Formular an der richtigen Stelle schon eingetragen sein.

Hier der Code des 1. Formular

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
<table align="center" class="table" border="0" cellspacing="1" cellpadding="3">
    <tr>
    <td class="main" width="30%">
    <div class="align">Fahrzeug</div>
    </td>
    <td class="main">
    <select class="select" size="1" name="fahrzeug">
    <option value="Bitte ausw&auml;hlen">Bitte ausw&auml;hlen</option>
    <option value="Limousine">Limousine</option><option value="Kleinwagen">Kleinwagen</option>
    <option value="Kombi">Kombi</option><option value="Gel&auml;ndewagen/Pickup">Gel&auml;ndewagen/Pickup</option>
    <option value="Cabrio/Roadster">Cabrio/Roadster</option>
    <option value="Sportwagen/Coup&eacute;">Sportwagen/Coup&eacute;</option>
    </select>
    </td>
    </tr>

    <tr>
    <td class="main" width="30%">
    <div class="align">Marke</div>
    </td>
    <td class="main">
    <input class="input" type="text" name="marke" id="marke" size="20" maxlength="100" />
    </td>
    </tr>


Der selbe Code steht natürlich auch im 2. Formular.
Nach ewigen Stöbern und und Nachlesen ist mir klar das ich dieses Vorhaben mit Javascript verwirklichen kann.

Kann mir vielleicht jemand einen tipp geben.
Danke schon mal im Voraus

geschrieben von gini0_8 am 01.02.2012 - 19:30
Ich habe beim Durchstöbern des Forums folgendes gefunden:

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">

<script language="JavaScript1.3" type="text/javascript">

function setzen(s) {
	document.forms.Testform.Textfeld.value = s;
	return false;
}

</script>

</head>

<body>
<form name="formular" action="" onsubmit="setzen(s); return false;">

    <div align="center">
    <fieldset class="fieldset">
    <legend class="font-big"><font color="#0000FF">Bitte f&uuml;llen Sie die Felder aus</font>
    </legend><br><br>
<table align="center" class="table" border="0" cellspacing="1" cellpadding="3">
    <tr>
    <td class="main" width="30%">
    <div class="align">Fahrzeug</div>
    </td>
    <td class="main">
    <select class="select" size="1" name="fahrzeug">
    <option value="Bitte ausw&auml;hlen">Bitte ausw&auml;hlen</option>
    <option value="Limousine">Limousine</option><option value="Kleinwagen">Kleinwagen</option>
    <option value="Kombi">Kombi</option><option value="Gel&auml;ndewagen/Pickup">Gel&auml;ndewagen/Pickup</option>
    <option value="Cabrio/Roadster">Cabrio/Roadster</option>
    <option value="Sportwagen/Coup&eacute;">Sportwagen/Coup&eacute;</option>
    </select>
    </td>
    </tr>

    <tr>
    <td class="main" width="30%">
    <div class="align">Marke</div>
    </td>
    <td class="main">
    <input class="input" type="text" name="marke" id="marke" size="20" maxlength="100" />
    </td>
    </tr>

<tr>
    <td class="foot" colspan="2" align="center" height="25" width="100%">
    <input type="submit" value="Weiter" onclick="setzen(this.value)" value="marke">
    </td>
</tr>

</form>
</body>


Wäre das ein richtiger anfang?

geschrieben von fanzeo am 12.02.2012 - 19:15
sowas habe ich auch gefunden..;)


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.