JSFiddle - React, Tailwind, and code Playground
HTML
<input list="browsers" id="myField"/>
<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Internet Explorer">
<option value="Opera">
<option value="Safari">
</datalist>
JavaScript
var my_field = document.getElementById('myField');
my_field.addEventListener("keyup", function (event) {
if (event.keyCode == 13) {
event.preventDefault();
if (my_field.value.length != 0) {
console.log(my_field.value);
// Run my specific process with my_field.value
my_field.value = '';
}
}
}, false);