Autor |
Nachricht |
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Fr 01.04.2011 09:26
Titel [Javascript] - neue Formularfelder hinzu |
|
|
Hallo zusammen,
ich stehe vor einem Problem bei dem mir leider keine Lösung einfällt.
Ich möchte dem User die Möglichkeit geben in einem Formular bei Bedarf neue 'Input-Felder' an einer bestimmten Stelle hinzuzufügen.
Ich habe das mal mit nur einem Input Feld probiert
http://jsfiddle.net/jBwuB/
Das funktioniert auch soweit. Wenn Ihr mittels Firebug Euch anguckt wie der Value vom Feld 'hiddenfile' und die IDs hochzählen passt alles. Jetzt brauche ich aber noch ein weiteres Input Feld was zusätzlich erscheinen soll.
Hier zählt er aber falsch, und somit kann ich die Anzahl später nicht auswerten.
http://jsfiddle.net/c4NBX/
Hat mir jemand einen Tipp wie ich das Lösen kann? Falls etwas unklar ist, bitte Fragen.
Danke
|
|
|
|
|
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 01.04.2011 10:25
Titel
|
|
|
Was ist weniger ein funktionales als vielmehr ein Designproblem. Warum loggst Du die Anzahl der Felder nicht einfach mit? Im einfachsten die Zählvariable im nächst übergeordneten Scope mit 0 definieren und bei jedem Klick um 1 hochzählen ...
Dann das ganze generalisieren...
Zuletzt bearbeitet von bacon am Fr 01.04.2011 10:25, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Fr 01.04.2011 10:35
Titel
|
|
|
bacon hat geschrieben: | Was ist weniger ein funktionales als vielmehr ein Designproblem. Warum loggst Du die Anzahl der Felder nicht einfach mit? Im einfachsten die Zählvariable im nächst übergeordneten Scope mit 0 definieren und bei jedem Klick um 1 hochzählen ...
Dann das ganze generalisieren... |
Das ist auch eine Idee. Hast Du mir dazu einen Ansatz? Später soll statt klick auf ID ein klick auf eine Klasse die Aktion auslösen. Da es die Funktion des Hinzufügen der Formular-Felder an mehreren Stellen im Formular möglich sein soll.
Was meinst Du mit Design-Problem?
|
|
|
|
|
DerM
Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Fr 01.04.2011 12:02
Titel
|
|
|
Du loopst über die Inputs.. Und fragst ob "schulabschluss" drin vorkommt. Schulabschluss kommt aber 2 mal pro neue Felder vor. Ergo zählt "z" auch +2
Ich würde einfach auf das Event und nicht auf das Attribut zählen..
Gruß
|
|
|
|
|
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Fr 01.04.2011 12:12
Titel
|
|
|
Das leuchtet ein. Aber wieso kommt Schulabschluss zweimal vor? Das verstehe ich nicht?
Wenn ich das Eingabefeld als einzelnes habe, geht es doch auch. UNd das Eingabefeld welches beim 2ten Bsp hinzukommt, hat doch eine komplett neue Bezeichnung.
|
|
|
|
|
DerM
Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Fr 01.04.2011 12:17
Titel
|
|
|
Kash hat geschrieben: | Das leuchtet ein. Aber wieso kommt Schulabschluss zweimal vor? Das verstehe ich nicht?
Wenn ich das Eingabefeld als einzelnes habe, geht es doch auch. UNd das Eingabefeld welches beim 2ten Bsp hinzukommt, hat doch eine komplett neue Bezeichnung. |
Code: |
...
if (y[i].id.indexOf('schulabschluss') != -1) {
z++;
}
...
$(this).before('<input style="margin:0.5em 0 0 0;" type="text" id="schulabschluss' +z+ '" name="schulabschluss' +z+ '">');
$('#createjahr').before('<input style="margin:0.5em 0 0 0;" type="text" id="schulabschlussjahr' +z+ '" name="schulabschlussjahr' +z+ '">');
|
steht die Frage immer noch??
ich würde mit "search" arbeiten anstatt mit indexOf.. indexOf triggert bei beiden, weil du nur einen Teilstring suchst. und mit search kannst Du nach exaktem Vorkommen suchen
Zuletzt bearbeitet von DerM am Fr 01.04.2011 12:20, insgesamt 1-mal bearbeitet
|
|
|
|
|
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Fr 01.04.2011 12:19
Titel
|
|
|
Ja bzw weiß ich gerade nicht worauf Du hinaus möchtest.
|
|
|
|
|
DerM
Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Fr 01.04.2011 12:20
Titel
|
|
|
siehe edit ^^
|
|
|
|
|
|
|
|
Ähnliche Themen |
Javascript: mit Variablen auf Formularfelder zugreifen
javascript: eingabe in formularfelder wird als escapesequenz
Formularfelder pdf
Formularfelder in Opera
Formularfelder unetreinander
Mit C# Formularfelder ausfüllen
|
|