JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" list="subjects">
<datalist id="subjects">
    <option value="1" data-subjectid="oneone">One</option>
    <option value="2" data-subjectid="twotwo">Two</option>
    <option value="3" data-subjectid="threethree">Three</option>
    <option value="4" data-subjectid="fourfour">Four</option>
    <option value="5" data-subjectid="fivefive">Five</option>
</datalist>

<button id="btn">click me</button>

JavaScript

$('#btn').click(function() {
   alert($("#subjects option:selected").data('subjectid'));
});