nicht angemeldet
Autovervollständigen anhand Inhalt anderer Formularfelder
Hallo,
Ich habe ein Formular mit mehreren gleichartigen Formularfeldern.
<tr align="center">
<td><input type="text" name="B_P1" size="30" maxlength="22"></td>
<td><input type="text" name="F_P1" size="10" maxlength="10"></td>
<td><input type="text" name="G_P1" size="10" maxlength="10"></td>
<td><input type="text" name="P_P1" size="7" maxlength="7"></td>
</tr>
<tr align="center">
<td><input type="text" name="B_P2" size="30" maxlength="22"></td>
<td><input type="text" name="F_P2" size="10" maxlength="10"></td>
<td><input type="text" name="G_P2" size="10" maxlength="10"></td>
<td><input type="text" name="P_P2" size="7" maxlength="7"></td>
</tr>
<tr align="center">
<td><input type="text" name="B_P3" size="30" maxlength="22"></td>
<td><input type="text" name="F_P3" size="10" maxlength="10"></td>
<td><input type="text" name="G_P3" size="10" maxlength="10"></td>
<td><input type="text" name="P_P3" size="7" maxlength="7"></td>
</tr>
Da sich in den Feldern der ersten drei Tabellenspalten Eingaben öfter wiederholen, möchte ich dem Nutzer gern eine Art Autovervollständigen anhand der bereits ausgefüllten Formularfelder anbieten.
Dabei sollen die Vorschläge jeweils nur aus der selben Spalte ("B", "F" und "G") und ggf. weiterer zusätzlicher versteckter Felder kommen.
Beispiel:
B_P1 -> Eingabe = Pullover
B_P2 -> Eingabe = Hose
B_P3 -> Eingabe = Jacke
B_P4 -> Eingabe = P -> Vorschlag = Pullover
Leider habe ich jedoch keinen blassen Schimmer, wie ich das angehen soll!?
Gruß
LBS
-
Leider habe ich jedoch keinen blassen Schimmer, wie ich das angehen soll!?
Für Autovervollständigung gibt es dutzende fertige Lösungen - z.B. jQuery UI Autocomplete - hier kannst du die Datenquelle recht frei bestimmen.
In deinem Fall ist die Datenquelle eine Liste der Werte der bereits ausgefüllten Felder.
-
Für Autovervollständigung gibt es dutzende fertige Lösungen - z.B. jQuery UI Autocomplete
Ja, aber das ist ja wie mit Kanonen auf Spatzen geschossen...
Ich dachte da gibt es auch eine einfache schlanke Lösung!?-
Für Autovervollständigung gibt es dutzende fertige Lösungen - z.B. jQuery UI Autocomplete
Ja, aber das ist ja wie mit Kanonen auf Spatzen geschossen...
Für mich ist es ein vertretbarer Kompromiss - allein die Abstraktion zwischen den unterschiedlichen Webkit-Browsern die jQuery bereits übernimmt spart einiges an Zeit. Der Nachteil ist die erhöhte Ladezeit - aber etwa 30 bis 40 KiB sind selbst bei langsamen Internetzugängen vertretbar, besonders weil man solche Frameworks von einem CDN laden kann (Google, Microsoft) und die Chance recht hoch ist, dass das Ding ohnehin schon im Cache des Besuchers liegt.
Ich dachte da gibt es auch eine einfache schlanke Lösung!?
Sicher - aber da kann ich dir keine aus dem Ärmel schütteln :)
-
-