Как в jQuery назначить selected элемент для выпадающего списка, к которому применён плагин chosen?

Question

[Руслан Левиев]

Есть два выпадающих списка:

<select class="chosen" onChange="change(this.selectedIndex);">
	<option>Russia</option>
	<option>USA</option>
	<option>Germany</option>
</select>
<select class="chosen" onChange="change(this.selectedIndex);">
	<option>russian</option>
	<option>english</option>
	<option>german</option>
</select>
<script>
function change(index) {
	$('.chosen').each(function(i){
		$(this).prop('selectedIndex',index);
	});
}
</script>

К выпадающим спискам приаттачены события: при изменении одного списка, в соседнем автоматически выбирается такое же по счёту значение. Всё это работает до «обработки» плагином Chosen. После кастомизации вида выпадающих списков с помощью Chosen, приаттаченные события перестают работать. Точнее они работают, но внутри скрытых теперь элементов выпадающего списка, а на отображаемые Chosen'ом «поддельные» выпадающие списки никак не влияют.

Пробовал в функция change при назначении выделенного элемента также добавить:
$(this).chosen('chosen:updated');
но это никак не помогло.

Как выпадающему списку, «сымитированному» с помощью плагина Chosen, сказать какой надо элемент выбрать?

Answer 1

[brevis]

$('.chosen').trigger('chosen:updated');

Вроде бы работает jsfiddle.net/ds6az/1

Comments

[Руслан Левиев]

Точно! Спасибо!