7 replies

know when datalist option was selected

assume I have the following;

<input type="text" list="mylist">
<datalist id="mylist">
  <option value="a">
  <option value="b">
</datalist>

<input type="text" list="mylist">
<datalist id="mylist">
  <option value="a">
  <option value="b">
</datalist>

How can I differentiate selecting the option

vs the user manually typing

into the input? Is there a separate event to listen for, or maybe some additional data on the input elements

input

input

change

change

events?