Jquery 单击更改组合值

Question

我有一个带有一些颜色细节的产品。例如:http://accommodationinbrasov.com/detail.asp?id=23#当我单击该产品的颜色时，我希望选择(框架)的值更改为该颜色。有人能让我走上正确的道路吗？

谢谢

Answer 1

您可以首先将颜色列表存储在数组中。

然后，您可以为选择选项绑定(bind)一个change()处理程序，如下所示:

HTML:

<select id="products">
  <option value="0">Blue</option>
  <option value="1">Black</option>
  <option value="2">Red</option>
</select>

如果您有关联数组，那么您可以用键替换数字。

然后在 JavaScript 中，你可以这样做:

$('#products').change(function() {
  $("option:selected", $(this)).each(function() {
     var index = $(this).val();
     $(this).css('backgroundColor', colorList[index]);
  });
})

其中 colorList 是颜色数组。