Existe-t-il un événement lié au choix d'un datalist <option>?

Question

J'ai une liste (dynamique) de choix dans un champ <input>:

<input list="choices"> 
 
<datalist id="choices"> 
 
<option>one</option> 
 
<option>two</option> 
 
</datalist>

Y at-il un événement tiré juste après le choix du <option> est fait? (que je voudrais attraper/utiliser dans Vue.js si cela est important). Ce serait quand le bouton gauche de la souris est cliqué dans le scénario ci-dessous:

Answer 1

essayer. il vérifiera si la valeur existe dans la zone d'entrée et d'alerte est déclenchée lorsque vous sélectionnez une option que vous avez demandé

<input list="choices" id="searchbox"> 
<datalist id="choices"> 
<option id="one">one</option> 
<option>two</option> 
</datalist> 


$("#searchbox").bind('input', function() { 
    if(checkExists($('#searchbox').val()) === true){ 
     alert('item selected') 
    } 
}); 

function checkExists(inputValue) { 
    console.log(inputValue); 

    var x = document.getElementById("choices"); 
    var i; 
    var flag; 
    for (i = 0; i < x.options.length; i++) { 
     if(inputValue == x.options[i].value){ 
      flag = true; 
     } 
    } 
    return flag; 
} 

Answer 2

Il ressemble à options datalist ne Tigrou tout état de cause, si vous avez besoin de coder votre propre Solution.

j'ai pu faire quelque chose de similaire pour déclencher des événements avec des options en datalist, en utilisant @input dans l'élément

Par exemple, dans votre code, vous pouvez essayer une solution en commençant par ce

<input list="choices" @input="checkInput" > 
<datalist id="choices"> 
<option>one</option> 
<option>two</option> 
</datalist> 

Dans la méthode utilisée avec @input, vous pouvez vérifier les modifications de la valeur d'entrée.

checkInput(e){ 
    var inputValue = e.target.value; 
    //Your code 
    }, 

Par exemple, vous pouvez vérifier si la valeur d'entrée, après un clic dans une option de votre datalyst, est une option valide, et après que les conditions rencontre, vous pouvez lancer une autre méthode ou tout ce que vous voulez.