jQuery UI autocomplete soumettre le résultat onclick

J'ai été à essayer de comprendre comment soumettre le formulaire lorsque l'utilisateur sélectionne le résultat de choix de la saisie semi-automatique. Il doit travailler avec un clic de la souris ou la touche entrée. - Je voir des exemples, mais les toujours les en morceaux. Personne ne montre l'ensemble de la fonction.

J'ai ce code ci-dessous mais j'ai des erreurs en disant: résultat n'est pas une fonction. Je ne sais pas comment les combiner pour faire ce que je voudrais. Toute aide est appréciée.

jQuery(document).ready(function(){  

jQuery("#vsearch").autocomplete("ajax/search.php",
    {
    minLength: 2
}
);
jQuery("#vsearch").result(function(event, data, formatted) {
      jQuery('#vsearch').value( formatted );
      jQuery('#search').submit();
});
});

source d'informationauteur Panama Jack

  1. 31

    À partir de: http://api.jqueryui.com/autocomplete/#event-select

    sélectionnez - Type:autocompleteselect

    Déclenchée lorsqu'un élément est sélectionné
    à partir du menu de l'interface utilisateur.élément fait référence à la
    l'élément sélectionné. L'action par défaut de
    sélectionnez consiste à remplacer le texte du champ
    valeur avec la valeur de la sélection
    de l'élément. L'annulation de cet événement empêche
    la valeur d'être mis à jour, mais ne
    pas de prévenir le menu de clôture.

    Exemples de Code

    Offre une fonction de callback pour gérer
    l'événement select comme une option init.

    $( ".selector" ).autocomplete({
   select: function(event, ui) { ... }
});

    Se lier à l'événement select par type:
    autocompleteselect.

    $( ".selector" ).bind( "autocompleteselect", function(event, ui) {
  ...
});

    Donc vous l'utiliser:

    EDIT: (modifié dans le cas où l'utilisateur ne sélectionne pas rien)

    $("#vsearch").autocomplete({
    source: "ajax/search.php",
    minLength: 2,
    select: function(event, ui) {
        if(ui.item){
            $('#vsearch').val(ui.item.value);
        }
        $('#search').submit();
    }
});

    Si je suis sûr de ce que vous êtes désireux de le faire.

  2. 27

    En fait, vous n'avez pas besoin de la cible de l'élément et de la forme par ID... depuis que l'information est déjà passé à la fonction de sélection via l'objet de l'Événement. Il est préférable d'obtenir le formulaire de cette façon parce que vous pouvez avoir plusieurs formulaires sur une page que vous souhaitez appliquer la saisie semi-automatique. Ou vous souhaitez peut-être de saisie semi-automatique sur plusieurs éléments.

    Aussi, la syntaxe dans l'autre réponse est fausse. JQuery utilise .val() pas .valeur() pour définir une entrée de valeur.

    Voici un exemple corrigé:

    $("#vsearch").autocomplete({
    source: "ajax/search.php",
    minLength: 2,
    select: function(event, ui) {
        //assign value back to the form element
        if(ui.item){
            $(event.target).val(ui.item.value);
        }
        //submit the form
        $(event.target.form).submit();
    }
});