Recuperare il valore dell'elemento selezionato da una dataList

Recuperare il valore dell'elemento selezionato da una dataList in Puro Javascript

by Michele Pisani

HTML

<input list="myDatalist" id="myDatalist-input">
<datalist id="myDatalist">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
<br /><br />
<div id="result"></div>

JavaScript

document.getElementById('myDatalist-input').addEventListener('input', function () {
  var element_selected = document.getElementById('myDatalist-input').value;
  document.getElementById('result').innerHTML = "Hai selezionato l'opzione: " + element_selected;
});