AutoVervollständigen-textarea mit mehreren Werten

Gibt es eine code-Beispiel, wie man einen AutoVervollständigen-textarea zulassen, dass Benutzer die Eingabe mehrerer Werte. Vorschläge zu autocompletelist muss von ldap. Ich benutze das Spring-framework.

InformationsquelleAutor Mau | 2011-04-13
  1. 8

    Können Sie versuchen, diese Jquery-plugins für diese

    At.js plugin

    ODER

    Jquery-Textcomplete

    ODER

    Bootstrap-Tag-AutoVervollständigen

    • Ich danke Ihnen sehr. yuku-t.com/jquery-textcomplete ist genau das was ich brauche. Andere scheinen in Ordnung zu sein, aber ich mochte jquery-textcomplete
    • Froh, dass es Euch gefallen hat!
    InformationsquelleAutor shinesecret
  2. 2
    <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Autocomplete - Multiple values</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
var availableTags = [
  "ActionScript",
  "AppleScript",
  "Asp",
  "BASIC",
  "C",
  "C++",
  "Clojure",
  "COBOL",
  "ColdFusion",
  "Erlang",
  "Fortran",
  "Groovy",
  "Haskell",
  "Java",
  "JavaScript",
  "Lisp",
  "Perl",
  "PHP",
  "Python",
  "Ruby",
  "Scala",
  "Scheme"
];
function split( val ) {
  return val.split( /,\s*/ );
}
function extractLast( term ) {
  return split( term ).pop();
}

$( "#tags" )
  //don't navigate away from the field on tab when selecting an item
  .bind( "keydown", function( event ) {
    if ( event.keyCode === $.ui.keyCode.TAB &&
        $( this ).autocomplete( "instance" ).menu.active ) {
      event.preventDefault();
    }
  })
  .autocomplete({
    minLength: 0,
    source: function( request, response ) {
      //delegate back to autocomplete, but extract the last term
      response( $.ui.autocomplete.filter(
        availableTags, extractLast( request.term ) ) );
    },
    focus: function() {
      //prevent value inserted on focus
      return false;
    },
    select: function( event, ui ) {
      var terms = split( this.value );
      //remove the current input
      terms.pop();
      //add the selected item
      terms.push( ui.item.value );
      //add placeholder to get the comma-and-space at the end
      terms.push( "" );
      this.value = terms.join( ", " );
      return false;
    }
    });
   });
 </script>
</head>
<body>

<div class="ui-widget">
<label for="tags">Tag programming languages: </label>
<textarea id="tags"><textarea>
</div>


</body>
</html>

    Besuchen Sie diesen link für mehr Details
    Ich verwendet textarea statt input-Feld.
    https://jqueryui.com/autocomplete/#multiple

    • Große Ans! Sehr nützlich
    InformationsquelleAutor Muddasir Abbas
  3. 0

    haben Sie Blick in die jquery-ui-autocompletion? http://jqueryui.com/demos/autocomplete/#multiple-remote

    • Welche Art von controller-Methode sollte ich anstelle von ".php" im Frühjahr? Nur .html und zuordnen-Methode, die eine Zeichenfolge zurückgibt?
    • naja, nicht wirklich. werfen Sie einen Blick: loongest.com/spring-mvc/...
    • Es ist sehr schwierig für mich zu verstehen, wie das Skript und die Methode gibt den Vorschlag, die Liste zusammen zu arbeiten. Ich bin ein Neuling. Können Sie mir trotzdem dabei helfen?
    InformationsquelleAutor Vlad Khomich
Schreibe einen Kommentar