如何从选项列表项背景颜色获取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。