Entrée De La Liste De Sélection D'Événements De Changement De

J'ai cet exemple:

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Google Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

J'ai besoin d'attraper un événement, lorsque l'utilisateur sélectionne une option (avec la souris ou le clavier).

J'ai essayé de faire onchange="MySuperFunction();" mais cela ne fonctionne que lorsqu'un élément est sélectionné, puis la liste est floue.

espérons que cela aidera à vous [, essayez ce lien][1] [1]: stackoverflow.com/a/25616981/3782212

OriginalL'auteur swamprunner7 | 2013-02-28

  1. 17

    La input événement doit travailler pour ce que vous avez besoin. Ce que je comprends, vous ne pouvez pas utiliser un datalist directement, mais il est connecté à une entrée par le list attribut. Cet événement liaison serait aller sur cette entrée:

    document.getElementById('browsers-input').addEventListener('input', function () {
   console.log('changed'); 
});

    http://jsfiddle.net/vccfv/

    Merci!!!!!! 🙂
    Cela répond à pas seulement datalist événements liés à la mais tout changement dans l'entrée, y compris lorsque l'utilisateur tape leur propre texte.

    OriginalL'auteur Explosion Pills

  2. 2

    Pour obtenir le même effet de "l'Explosion de Pilules" la solution à l'aide de JQuery style:

    $("#browsers-input").on("input", MySuperFunction);

    OriginalL'auteur Olivier Royo

  3. 1

    Usin jQuery vous pouvez utiliser .change http://jquery.com/

    $('datalist#browsers').change(MySuperFunction);

    ou

    $('datalist#browsers').change(function(){
  //stuff
});
    Il n'est pas à l'aide de jquery
    c'est pourquoi je l'ai proposé avec un lien vers le jQuery, la page, si vous pensez que c'est exagéré, alors vous suggérons de ne pas l'utiliser
    j'en utilisant jquery. mais pas dans l'échantillon. hmm, j'ai tout simplement essayé de $('#navigateurs).change(function(){alert();}); ne fonctionne pas 🙁
    ce n' <datalist id="browsers" onchange="alert('martriay is awesome');"> faire?
    Pas sur datalist le faire sur l'entrée qui datalist utilise.

    OriginalL'auteur martriay