Как по выбору в select взять конкретный элемент по которому был совершен клик и переключит slick slider на данный элемент в слайдрере?

Question

[Максим Воронков]

Здравствуйте, есть слайдер из 4 слайдов и есть элемент:

<select class="js-select2 select2-hidden-accessible" name="color-crm" id="color-crm">
	<option value="0__" selected="selected">Цвет 1</option>
	<option value="1__">Цвет 2</option>
	<option value="2__">Цвет 3</option>
	<option value="3__">Цвет 4</option>
</select>

как с помощью jquery узнать по какому элементу произошел клик и переключить слайдер. Если выбрал 3 элемент, слайдер переключить на 3 слайд и т.д.

На данный момент переключает если кликнуть на любой элемент на след. слайд.

var params_elems = $('#color-crm');

    $(params_elems).change(function() {
        $('.nav-slide').slick('slickNext');
    });

Comments

[Ирина]

Для начала найти отмеченный option

$(params_elems).change(function() {
$(this).find(":selected").val();
});

Answer 1

[Алекс]

API slick первым делом открыть нужно. Есть метод slickGoTo у которого два аргумента index и dontAnimate.