JSFiddle - React, Tailwind, and code Playground

by petroveg

HTML

<input name="TypeList" list="cocktail" spellcheck="true">
<datalist id="cocktail">
	<option label="23" value="Камчатский край"></option>
	<option label="24" value="Хабаровский край"></option>
	<option label="25" value="Магадан"></option>
</datalist>
<div id="result"></div>

CSS

#result{
	display:inline-block;
}

JavaScript

$(function () {
	var result = $('#result');

	$(document).on('input', '[name="TypeList"]', function (e) {
		result.html($(this.list).find('option[value="' + $(this).val() + '"]').attr('label'));
	});
});