Как сделать option якорной ссылкой?

Question

[rabodis]

Как при клике на option перейти по списку blocks к нужному блоку?

<select>
	<option value="first">Первая</option>
	<option value="second">Вторая</option>
	<option value="third">Третья</option>
</select>

<div class="blocks">
	<div id="#first" class="">content</div>
	<div id="#second" class="">content</div>
	<div id="#third" class="">content</div>
</div>

Answer 1

[Дмитрий Беляев]

Answer 2

[Александр]

Странная логика, но да ладно.
jQuery:

$(document).ready(function () {
	$('select').change(function () {
		const id = $(this).val();
		const target = $(`#${id}`);
		
		if (target.length !== 0) {
			$('html, body').animate({
				scrollTop: target.offset().top
			}, 250);
		}
	});
});

JS (Есть некоторые ограничения):

const select = document.querySelector('select');

select.addEventListener('change', event => {
	const target = document.getElementById(event.target.value);
	
	if (target !== null) {
		target.scrollIntoView({
			behavior: 'smooth'
		});
	}
});

Answer 3

[Виталий Б]

$("select").change(function() { // событие выбора опции
    $('html, body').animate({
        scrollTop: $($(this).val()).offset().top  // куда прокручиваем
    }, 1000); // Скорость прокрутки
});