AutoVervollständigen + Hidden-Feld in jquery?

Ich versuche zu tun, eine AutoVervollständigen-das wird etwas angezeigt, und setzen Sie dann etwas anderes in einem ausgeblendeten Feld auf Auswahl.

Beispiel:

In meiner Datenbank habe ich {[1, 'john'], [2, 'bob'], [3, 'john']}

Wenn der Benutzer-Typ 'jo' und klickt auf das erste 'john', ich habe keine Möglichkeit zu wissen, auf welchen Eintrag er geklickt. Also brauche ich irgendeine Art von Zusammenhang "verstecktes Feld", um diese zu bewältigen.

Gibt es ein jquery-plugin, das dies tut, oder muss ich meine eigenen erstellen?

Habe ich bereits begonnen und es ist in Ordnung arbeiten mit lokalen Werten, aber wenn ich Sie bekomme, asynchron, es funktioniert noch nicht. Ich bin stützen meine auf das plugin von bassistance. Ich denke, ich könnte meine Hände in den code, und ändern Sie die Art, wie Sie behandeln die Antworten, aber es würde mich retten einige Zeit, wenn etwas, was bereits getan wurde !

InformationsquelleAutor marcgg | 2009-07-30
  1. 3

    Können Sie die Ergebnis-handler und speichern Sie den gewünschten Wert des versteckten input.

    • oh, schön, danke! Hast du ein Beispiel wie dies zu nutzen?
    • (wie Sie diese in meiner situation natürlich ^^ )
    InformationsquelleAutor CMS
  2. 2

    Ich weiß, das ist alt, aber hier ist, was ich tun soll, um ein verstecktes Feld, aufgefüllt mit einer eindeutigen ID, die wird nie angezeigt, und der Benutzer eine AutoVervollständigen-Feld basiert, wird auf dem display Werte:

    <script type="text/javascript">
var picklist = [
    { id: "1", value: "One" }, 
    { id: "2", value: "Two" }, 
    { id: "3", value: "Three" }, 
    { id: "4", value: "Four" }
    ];

$().ready(function() {
 $("#pickValue").autocomplete(picklist, {
  minChars: 0,
  max: 12,
  autoFill: true,
  mustMatch: true,
  matchContains: false,
  scrollHeight: 220,
  formatItem: function(row, i, total) {
   return row.value;
  }, 
  formatResult: function(row) {
   return row.value;
  }
 });
 $('input#pickValue').result(function(event, data, formatted) {
  $('#pickID').val( !data ? '' : data.id);
 });
});
</script>
    InformationsquelleAutor Aaron Rouse
  3. 1

    Nach langer Suche der einzige auto-vervollständigen-ich gefunden der verhält sich so, wie Sie beschrieben ist:
    Facelist

    InformationsquelleAutor CD..
  4. 1

    Wahrscheinlich helfen würde
    Der trick ist, false zurückgeben, nachdem das select-Ereignis. Diese würde schließen Sie die Dropdownliste, und wählen Sie Ihre änderungen, um die versteckten/Textfeld sichtbar bleibt.

     <script type="text/javascript">
      $(document).ready(function(){
        $("#user_autocomplete").autocomplete({
          source: "http://localhost:3000/admin/users/emails_autocomplete",
          minLength: 3,
          delay: 1,
          select: function( event, ui ) {
            if (ui.item) {
              console.log("Selected: " + ui.item.value + " aka " + ui.item.label);
              $("#user_autocomplete").val(ui.item.label);
              $('#search_user_id_equals').val(ui.item.value);
            } else {
              //"Nothing selected, input was " + this.value );
            }
            return false;
          }
        });
      });

    ...........

    <input class="hidden" id="search_user_id_equals" name="search[user_id_equals]" type="hidden" />

<div class="input select optional">
  <label for="user_autocomplete">User email</label>
  <input id="user_autocomplete" type="text" index="" class="ui-autocomplete-input string"
         autocomplete="off" role="textbox"
         aria-autocomplete="list" aria-haspopup="true"
         value=""
         />
</div>
    InformationsquelleAutor Ivailo Bardarov
Schreibe einen Kommentar