jQueryUI de saisie semi-automatique, sélectionnez " ne fonctionne pas sur le clic de la souris, mais fonctionne sur les principaux événements

J'ai été confronté à un problème similaire. Je voulais envoyer le formulaire lorsque l'utilisateur clique sur une option. Mais la forme obtenu soumis avant même la valeur de l'entrée peut être définie. Donc sur le serveur du contrôleur obtenu une valeur null.

Je l'ai résolu en utilisant une version modifiée de William Niu de la réponse sur un autre post - jQuery UI autocomplete sélectionnez l'événement à ne pas travailler avec un clic de souris

En gros, j'ai vérifié pour le type d'événement. Si c'était un clic puis-je définir explicitement la zone de saisie de la valeur de la valeur dans l'interface utilisateur.de l'élément.de la valeur. Voir l'extrait ci-dessous,

jQuery( "#autoDropDown" ).autocomplete({
    source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ], minLength: 0, delay:0,
    select: function( event, ui ) {
        var origEvent = event;
        while (origEvent.originalEvent !== undefined){
            origEvent = origEvent.originalEvent;
        }
        //console.info('Event type = ' + origEvent.type);
        //console.info('ui.item.value = ' + ui.item.value);
        if (origEvent.type == 'click'){
            document.getElementById('autoDropDown').value = ui.item.value;
            document.getElementById('myForm').submit();
        } else {
            document.getElementById('myForm').submit();     
        }

    }
    });

OriginalL'auteur atsurti

J'ai le même problème, mais dans mon cas c'est encore plus étrange.
l'sélectionnez l'événement est déclenché à chaque fois deuxième (lors de l'utilisation de la souris).
pour moi, l'événement select est également déclenché l'amende juste au cas où je utiliser mon clavier.

malheureusement je ne pourrais pas reproduire cette question par le biais de jsfiddle. mais je tiens à vous offrir mes jsfiddle, peut-être que c'est un bon point de départ pour une analyse plus approfondie.
voici mon jsFiddle code: http://jsfiddle.net/knzNg/

La seule différence est que j'utilise un local tableau en tant que source de données pour la saisie semi-automatique des données.
Je suppose qu'il est préférable de modifier le code pour utiliser une source de données distante.

OriginalL'auteur Nabi

Changement de jquery de validation de la version plug-in à 1,9 fonctionne pour moi

OriginalL'auteur user2163707

@atsurti commentaire est bien intentionné, mais il ya une meilleure façon.

Il suffit d'utiliser un délai d'attente au lieu de cela, jQuery permettant à la fois de définir la forme. Moins de code = code meilleur, oui? 🙂

jQuery( "#autoDropDown" ).autocomplete({
  source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ], minLength: 0, delay:0,
  select: function( event, ui ) {
    window.setTimeout(function(){
      document.getElementById('myForm').submit();  
    }, 1);
  }
});

OriginalL'auteur Subimage

Si quelqu'un d'autre est en face de cela 🙂 après 2 ans et demi ..

La solution pour l'OP du problème est d'appeler event.stopPropagation() à l'intérieur de votre select de rappel.
Exemple:

$input.autocomplete( {
    //... options
    select: function( event, ui ) {
        //... handlers
        e.stopPropagation();
    }
} );

juste retourner false à partir de la fonction de rappel n'a pas de travail

OriginalL'auteur Radu