Comment puis-je obtenir de l'événement de changement pour un datalist?

Je suis à l'aide d'un datalist et de la nécessité de détecter lorsque l'utilisateur sélectionne quelque chose à partir de la liste déroulante. Une question similaire a été posée MAIS j'en ai besoin pour que l'événement se déclenche UNIQUEMENT lorsque l'utilisateur sélectionne quelque chose à partir de la datalist. S'il tape quelque chose dans l'entrée, puis je ne veux PAS le cas de feu. (Avis de la accepté de répondre à la question que j'liés qu'ils se lient à l'entrée, qui n'est pas ce que je veux). J'ai essayé (sans succès):

<datalist>
    <option>Option 1 Here</option> 
    <option>Option 2 Here</option>
</datalist>


$(document).on('change', 'datalist', function(){
   alert('hi');
});

EDIT:
Cette question est différente de celle de l'a suggéré la question parce que c'est une toute autre question.

J'ai beaucoup cherché et il semble que cela n'existe pas normal des approches pour le faire. Vous pouvez utiliser jQuery UI's Autocomplete widget à la place: jqueryui.com/autocomplete
Vous pouvez utiliser ce petit script: github.com/aFarkas/remote-list. Même si elle est écrite pour créer des dynamiques datalist pour autosuggests, il peut également gérer statique. voici un violon: jsfiddle.net/trixta/p8LRM. (docu: github.com/aFarkas/remote-list#select-function et démo: afarkas.github.io/remote-list/demo/index.html)
double possible de Obtenir la valeur sélectionnée dans datalist à l'aide de jQuery
c'est une autre question.

OriginalL'auteur Brent | 2014-05-14

  1. 6

    Vous pouvez vérifier manuellement sur le changement. Mais vous devez vérifier que le changement de l'entrée de datalist.

    $(document).on('change', 'input', function(){
    var options = $('datalist')[0].options;
    var val = $(this).val();
    for (var i=0;i<options.length;i++){
       if (options[i].value === val) {
          alert(val);
          break;
       }
    }
});

    VIOLON

    OriginalL'auteur deadulya

  2. 2

    Solution Optimisée

    $("input").on('input', function () {
    var inputValue = this.value;
    if($('datalist').find('option').filter(function(){
        return this.value == inputVal;        
    }).length) {
        //your code as per need
        alert(this.value);
    }
});

    OriginalL'auteur Matee Gojra