JSFiddle - React, Tailwind, and code Playground

by ponyspy

HTML

<select name="" id="">
	<option value="1">1</option>
	<option value="Мая Брюква">Мая Брюква</option>
	<option value="Сережа Безруков">Сережа Безруков</option>
	<option value="Федор-Павлов Вндреевич">Федор-Павлов Вндреевич</option>
	<option value="5">5</option>
</select>
<input class='search' type="text">
<button class='search_input'>search</button>

JavaScript

$('.search_input').on('click', function(e) {
	var $options = $('option');
	var search = $('.search').val();
	
	$options.filter('.hide').unwrap().removeClass('hide');

	if (search !== '') {
		var regex = new RegExp(search, 'ig');
		
		$options.each(function() {
			var $this = $(this);
			
			if (!regex.test($this.val())) {
				$this.addClass('hide').wrap('<span/>');
			}
		});
	}

	$options.eq(0).prop('selected', true);	
});