JSFiddle - React, Tailwind, and code Playground
HTML
<input id="txtID" list="ent" />
<datalist id="ent">
<option id="001" value="Valor 001"></option>
<option id="002" value="Valor 002"></option>
<option id="003" value="Valor 003"></option>
<option id="004" value="Valor 004"></option>
</datalist>
<button id="btGetID">Get ID</button>
<br />
<label id="lblID"></label>
JavaScript
var btGetID = $("#btGetID");
var lblID = $("#lblID");
var txtID = $("#txtID");
var dataList = $("#ent");
btGetID.click(function () {
var value = txtID.val();
var option = $("option", dataList).filter(function () {
return this.value == value;
});
console.log(option);
lblID.html(option.attr("id"));
});