JSFiddle - React, Tailwind, and code Playground

HTML

<datalist id='gradeSuggestions'>
	<option value='A'>A</option>
	<option value='B'>B</option>
	<option value='C'>C</option>
</datalist>

<input name="grade[]" autocomplete="off" list='gradeSuggestions' type='text' />

<input type='button' id='showSuggestions' value='Show Suggestions' />

JavaScript

$('#showSuggestions').on('click', function(){
   // show the suggestions below the text input 
});