Textboxen mit Drop-Down verknüpfen
- #1605276 - 23.10.2008, 22:22:38
|
Fler X 1990
Nicht registriert
|
Also ich möchte auf meine Hompepage ein Drop-Down enü machen, wo man Einiges auswählen kann. Wenn man z.b. Text 1 dort wählt. Soll in den Textboxen drunter bestimmte Zahlen stehen. Wählt man im Drop-Down Menü Text 2 Stehen dann unten in den selben Textboxen andere Zahlen. Hier ein Bild zum verstehen: [img]http://i264.photobucket.com/albums/ii161/deluxmaff/Vorschau.jpg[/img]
Hat einer eine Idee wie das geht?
|
|
[zum Seitenanfang]
|
|
Re: Textboxen mit Drop-Down verknüpfen
[Re: ]
- #1605416 - 24.10.2008, 07:09:57
|
United States of America
Registriert: 05.08.2004
Beiträge: 6.388
|
Das wurde hier schon ziemlich oft erklärt. Du musst mit dem onchange() -Event die Zahlen per JS auf display:block; setzen. Such mal hier im Forum.
_________________________
Das Lesen ist eine Tugend!
|
|
[zum Seitenanfang]
|
|
|
Re: Textboxen mit Drop-Down verknüpfen
[Re: theblackdevil909851]
- #1605568 - 24.10.2008, 13:59:09
|
Fler X 1990
Nicht registriert
|
Das wurde hier schon ziemlich oft erklärt. Du musst mit dem onchange() -Event die Zahlen per JS auf display:block; setzen. Such mal hier im Forum. Wenn ich das gefunden hätte, würde ich hier keinen Eintrag machen todtraurig
|
|
[zum Seitenanfang]
|
|
|
Re: Textboxen mit Drop-Down verknüpfen
[Re: ]
- #1606028 - 24.10.2008, 21:01:35
|
Fler X 1990
Nicht registriert
|
Also ich hab was per google gefunden, aber ist nicht ganz so wie ich das will.. diesen code habe ich bereits
<script type="text/javascript">
<!--
var arrPreis = new Array();
arrPreis["001"] = "1.00 EUR";
arrPreis["002"] = "2.00 EUR";
arrPreis["003"] = "3.00 EUR";
arrPreis["004"] = "4.00 EUR";
//-->
</script>
</head>
<body text="#000000" bgcolor="#DEE9DE" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<form action=""><div>
<select id="method_csv" onchange="this.form.eingabe.value = arrPreis[this.options[this.selectedIndex].value];">
<option value="001">A</option>
<option value="002">B</option>
<option value="003">C</option>
<option value="004">D</option>
</select>
<input type="text" id="eingabe" size="25" maxlength="150" />
</div></form>
es ist jetzt ein drop-down menü . aber nur eine box die damit verbunden ist. wie kann ich 2 oder mehrere dazu nehmen?
|
|
[zum Seitenanfang]
|
|
|
Re: Textboxen mit Drop-Down verknüpfen
[Re: ]
- #1606085 - 24.10.2008, 21:55:40
|
Familymitglied
Registriert: 24.04.2005
Beiträge: 956
Ort: Berlin
|
<form action="">
Wo hast du das den her ? x)
|
|
[zum Seitenanfang]
|
|
|
Re: Textboxen mit Drop-Down verknüpfen
[Re: The Ball Master]
- #1606093 - 24.10.2008, 21:57:55
|
Fler X 1990
Nicht registriert
|
Wo hast du das den her ? x) iwo aus google xD
|
|
[zum Seitenanfang]
|
|
|
Re: Textboxen mit Drop-Down verknüpfen
[Re: The Ball Master]
- #1606202 - 24.10.2008, 23:33:00
|
Registriert: 29.03.2007
Beiträge: 2.385
|
<form action="">
Wo hast du das den her ? x) Das ist nun mal die korrekte, semantische Vorgehensweise. Man koennte action gaenzlich weg lassen. Ansonsten muesstest du in folgende Anweisung sehen, die nachvollziehen und dann adaptieren: onchange="this.form.eingabe.value = arrPreis[this.options[this.selectedIndex].value];"> nimm dir aus aus dem Formular, alles was eine id, die den Wert eingabe aufweisst und ordne diesen den nachfolgenden Teil zu. Ich denke das sollte aussreichen
|
|
[zum Seitenanfang]
|
|
|
Re: Textboxen mit Drop-Down verknüpfen
[Re: huendchen]
- #1607071 - 25.10.2008, 22:27:13
|
Fler X 1990
Nicht registriert
|
ich verstehs net ich geb auf.
|
|
[zum Seitenanfang]
|
|
|
Re: Textboxen mit Drop-Down verknüpfen
[Re: ]
- #1607294 - 26.10.2008, 02:05:27
|
Fler X 1990
Nicht registriert
|
ich verstehs net ich geb auf. schlechte einstellung meinerseits .. kann geschlossen werden .. hab bissle selbst nachgedacht und nun habe ich es: Hier der code, für andere ;) <script language="JavaScript" type="text/javascript">
<!--
function setValue(obj)
{
var codes={"001":"A","002":"B","003":"C","004":"D"};
var codes2={"001":"AA","002":"BB","003":"CC","004":"DD"};
document.formular.eingabe.value=codes[obj.value];
document.formular.eingabe2.value=codes2[obj.value];
}
//-->
</script>
<form name="formular">
<select name="method_csv" onchange="setValue(this)">
<option value="001">001</option>
<option value="002">002</option>
<option value="003">003</option>
<option value="004">004</option>
</select>
<input type="text" name="eingabe" size="25" maxlength="150">
<input type="text" name="eingabe2" size="25" maxlength="150">
</form>
|
|
[zum Seitenanfang]
|
|
vorheriges Thema
Index