Rückgabewert ein JQuery-autocomplete mit array von Objekten als Quelle

In ein JQuery-autocomplete verwendet ein array von Objekten als Quelle, kann ich die Anzeige der Bezeichnung in der EINGANGS-und später auf den Wert zugreifen? Das Standardverhalten ist, dass der Wert angezeigt wird, in der EINGABE nach Auswahl. In diesem Fall werden die Werte repräsentieren die Indizes, eindeutige Schlüssel, die in Zeilen in einer Tabelle.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>autocomplete demo</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
</head>
<body>
    <label for="autocomplete">Select a programming language: </label>
    <input id="autocomplete">
    <script>
    $( "#autocomplete" ).autocomplete({
      source: [ { label:"c++", value:1 }, { label: "java", value:2 }, { label: "javascript", value:3 } ]
    });
    </script>
</body>
</html>
möglich, Duplikat der JQuery-autocomplete, wie Sie schreiben-label autocomplete Texteingabe?

InformationsquelleAutor user2920430 | 2013-10-25

  1. 1

    Set val der Eingabe durch ausgewählte label angezeigt, das Etikett, statt dessen Wert

    $( "#autocomplete" ).val( ui.item.label );

    Hinzufügen von data-Attribut auf die input -

    <input id="autocomplete" data-value>

    und speichern Sie ausgewählte Wert

    $( "#autocomplete" ).attr("data-value",ui.item.value);

    Hier ist JSFiddle

    InformationsquelleAutor Edward Lee

Schreibe einen Kommentar