Juery Formulardaten untereinander ausgeben

Josephine

Haudegen

Dabei seit: 30.04.2009

Beiträge: 624

1

Donnerstag, 14. Juli 2011, 00:01

Ich bekomme von einem Formular zum Beispiel folgende Daten:

Javascript-Quelltext

var user        = $('#shop_user').attr('value');
var date        = $('#datepicker').attr('value');
var shop        = $('#shop').attr('value');

var article        = $('#article').attr('value');
var unit           = $('#unit').attr('value');
var unit_price     = $('#unit_price').attr('value');

Diese Daten möchte ich gerne bevor sie entgültig in die Datenbank wandern dem Nutzer wieder vorsetzen als Formular zum Kontrollieren.
Das ganze soll dann in dieses Div:

	HTML
1	<div id="tab1_control" style="display:none">

Also es soll quasi ein ausgefülltes Formular erzeugt werden, indem die value's mit den Variablen gefüllt werden. User, date und shop sind fix, also sie bleiben wie sie sind. Article, unit und unit_price werden ständig neu gefüllt.

Beispiel:

User: Hans
Shop: Real
Date: 12.12.12

Milch - 2 - 3,33€
Butte - 1 - 0,50€
Käse - 1 - 0,70€
... usw.

Mein erster Gedanke war es so anzugehen:

	Javascript-Quelltext
1 2 3	val controlForm = ' Hier die die Form rein'; $("div#tab1_control").show("slow").html(controlForm);

Leider bin ich daran gescheitert zb. die Variable user in die Variable controlForm unterzubringen. Hat es nur Syntax Errors gehagelt.

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

lorenz

Haudegen

Dabei seit: 05.11.2002

Beiträge: 647

2

Donnerstag, 14. Juli 2011, 01:13

mh wenn du uns vielleicht zeigen würdest wie du es versucht hast könnten wir dir sicher helfen. Aus deiner Beschreibung kann ich nicht ganz ablesen was du machen willst

-LA

Bomberus

Tripel-As

Dabei seit: 12.06.2010

Beiträge: 167

3

Donnerstag, 14. Juli 2011, 01:58

	HTML
1 2	$("#tab1_control").html(controlForm); // eventuell statt html mal text nehmen $("#tab1_control").show("slow");

Vielleicht mal so probiert?

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Bomberus« (14. Juli 2011, 01:58)

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

4

Donnerstag, 14. Juli 2011, 09:42

außerdem statt

	PHP-Quelltext
1	var user = $('#shop_user').attr('value');

würde ich eher

	PHP-Quelltext
1	var user = $('#shop_user').val();

nehmen und wenn du ein value in einer inputbox setzen willst dann

	PHP-Quelltext
1	$('#element').val('bla');

Mein kleines Projekt
-Cruel Online-

Josephine

Haudegen

Dabei seit: 30.04.2009

Beiträge: 624

5

Donnerstag, 14. Juli 2011, 14:09

Danke für die Antworten ich habs hinbekommen so:

	Javascript-Quelltext
1	$("#tab1_control").html("<input type='text' id='control_customer' value='" + user + "'>");

Ein Problem hab ich aber immer noch, wie kann ich es machen, dass das eingüghte input bleibt wenn ein neues hinzukommt, anstatt das es ersetzt wird durch das neue...

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Josephine« (14. Juli 2011, 14:09)

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

6

Donnerstag, 14. Juli 2011, 14:13

und so?

	PHP-Quelltext
1 2 3 4	val controlForm = ' <input type='text' id='control_customer' value="" /> ... weiter eingabefelder'; $("div#tab1_control").html(controlForm).show("slow"); $('#control_customer').val(user);

EDIT: zu deinem edit

nimm statt html(), append() dann kannste dein formular erweitern statt alles neu zu schreiben

Mein kleines Projekt
-Cruel Online-

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »cccpmik« (14. Juli 2011, 14:13)

Josephine

Haudegen

Dabei seit: 30.04.2009

Beiträge: 624

7

Freitag, 15. Juli 2011, 08:26

Jau, das ist genau das was ich gesucht hab

DANKE

Edit:
Jetzt hab ich das Problem das ich zwar das Formular hab aber die Felder haben jeweils die gleich id. Jetzt wollte ich alles per Ajax weitschicken um es dann in die datenbank zu schreiben. Nur weiss ich nicht wie ich alle Werte bekomme.

HTML

<form id="submit_control" method="post">
<button>speichern</button>
<label>Käufer:</label>
<input id="control_customer" type="text" value="">
<label>Datum:</label>
<input id="control_date" type="text" value="">
<br>
<br>
<input id="control_article" type="text" value="ljlkj">
<input id="control_quantity" type="text" size="2" maxlength="2" value="3">
<input id="control_price" type="text" size="5" maxlength="5" value="0,22">
<br>
<input id="control_article" type="text" value=",jkjjkljh">
<input id="control_quantity" type="text" size="2" maxlength="2" value="12">
<input id="control_price" type="text" size="5" maxlength="5" value="0,12">
<br>
<input id="control_article" type="text" value="ölkjlkjd">
<input id="control_quantity" type="text" size="2" maxlength="2" value="2">
<input id="control_price" type="text" size="5" maxlength="5" value="0,12">
<br>
</form>

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »Josephine« (15. Juli 2011, 08:26)

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

8

Freitag, 15. Juli 2011, 09:48

http://api.jquery.com/serialize/ könnte dir weiterhelfen, damit kannste alle inputfelder aus einer form abschicken

Mein kleines Projekt
-Cruel Online-

lorenz

Haudegen

Dabei seit: 05.11.2002

Beiträge: 647

9

Freitag, 15. Juli 2011, 12:51

namen müssen die inputs denke ich in jedem Fall bekommen wenn du serialize nutzen willst bei einem normal wird vermutlich auch jeder einen anderen namen haben müssen. Da könntest nen Zähler einbauen und sie dann immer NameArticle1 .. NameArticleN nennen. Kannst dir aber auch mal http://api.jquery.com/serializeArray/ angucken ist vielleicht auch was für dich ;>

-LA

Josephine

Haudegen

Dabei seit: 30.04.2009

Beiträge: 624

10

Montag, 18. Juli 2011, 18:05

Das mit dem serialize geht wunderbar. Nur ist mir noch keine optimal Lösung eingeafallen wie ich die Daten in php wieder Abfrage, ich habe es noch nicht nummeriert wie article1 usw.
Wie soll ich die alle Abfragen?

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von »Josephine« (18. Juli 2011, 18:05)

lorenz

Haudegen

Dabei seit: 05.11.2002

Beiträge: 647

11

Montag, 18. Juli 2011, 23:24

wie hast du es denn jetzt gelöst allen einen namen gegeben und dann per serialize oder serializeArray übergebe? ich sehe nicht genau wo das Problem ist.

-LA

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

12

Dienstag, 19. Juli 2011, 09:34

mach mal folgendes

	PHP-Quelltext
1 2 3	<input type="text" name="article[1][name]" value="bla" /> <input type="text" name="article[1][price]" value="bla" /> <input type="text" name="article[1][wasanderes]" value="bla" />

die 1 kannste über JS ändern, jedesmal wenn ein weiteres artikel dazu kommt , erhöhst du i um 1 und erstellst die inputfelder ungefär so:

Javascript-Quelltext

var i = 0;
$('irwas').onclick(function(){
i++;
var htmlCode = '<input type="text" name="article['+i+'][name]" value="bla" />'+
'<input type="text" name="article['+i+'][price]" value="bla" />'+
'<input type="text" name="article['+i+'][wasanderes]" value="bla" />';
$('irgendeindiv').append(htmlCode).fadeIn('slow');
})

am ende kriegste in PHP ein schönes array etwa so

	PHP-Quelltext
1 2 3 4 5 6 7 8 9	article => Array [0] => Array [name] => 'bla' [price] => 'bla' [wasanderes] => 'bla' [1] => Array [name] => 'bla' [price] => 'bla' [wasanderes] => 'bla'

Mein kleines Projekt
-Cruel Online-

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »cccpmik« (19. Juli 2011, 09:34)

Josephine

Haudegen

Dabei seit: 30.04.2009

Beiträge: 624

13

Dienstag, 19. Juli 2011, 13:00

Perfekt Danke du bist mein Held vom Erdbeerfeld

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.