Solución:
Puede verificarlo manualmente al cambiar. Pero debe verificar el cambio de la entrada 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;
}
}
});
VIOLÍN
Solución optimizada
$("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);
}
});
Por favor, busque su solución, está listo. Eche un vistazo a la demostración
$(document).on('change', 'input', function(){
var optionslist = $('datalist')[0].options;
var value = $(this).val();
for (var x=0;x<optionslist.length;x++){
if (optionslist[x].value === value) {
//Alert here value
alert(value);
break;
}
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input list="data">
<datalist id="data">
<option value="1">Option 1 Here</option>
<option value="2">Option 2 Here</option>
</datalist>
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)