Как получить цвет фона для div из списка элементов списка цвет фона

Question

У меня проблема. Вы можете найти коды здесь: http://jsfiddle.net/iCannot/ux8uv5v0/3/

enter code here 

Как вы можете видеть, что есть некоторые цветовые схемы. Когда я нажимаю один из них, цвета применяются в качестве фоновых цветов как для первичных, так и для вторичных элементов списка опций. Эта часть работает нормально.

Когда я выбираю цвет как основной, этот цвет должен заполнить поле, которое находится рядом со списком. Но это не так. Когда я выбираю цвет как вторичный, он работает. Затем, если я выбираю основной цвет, независимо от того, что я выбираю, заполните поле с таким же цветом вторичного.

Может кто-нибудь помочь мне, пожалуйста? Извините мой английский.

Answer 1

Ваши селекторы jQuery недостаточно точны. Анонимные функции внутри события изменения должны быть:

$("select#colorList1 option:selected").each(function(){... 
... 
$("select#colorList2 option:selected").each(function(){... 

Работа JSFiddle.