JSFiddle - React, Tailwind, and code Playground

HTML

<input list="browsers" id="input">

<datalist id="browsers">
  <option id="op1" value="Internet Explorer">
  <option id="op2" value="Firefox">
  <option id="op3" value="Chrome">
  <option id="op4" value="Opera">
  <option id="op5" value="Safari">
</datalist>

JavaScript

$(function(){
    $('#input').change(function(){
        console.log($('#input').val();
        console.log($('#browsers option[value=' + $('#input').val() + ']').attr('id'));
    });
});