每个选择框选项中的颜色字段和文本值

时间:2012-05-24 10:36:46

标签: javascript jquery dynamic drop-down-menu

我已在selectbox中动态添加了选项值。但是对于每个选项,我想显示一个关于颜色条的小颜色条+描述。描述将是正确的颜色条。

在动态选项框的每个选项值中合并颜色条+描述的方法是什么?

以下代码正在添加选项值。

  for (var i = 0; i < item.length; i++) { 
   Options += '<option value="' + item[i] + '">' + item[i] + '</option>';
   }

我的要求是在项目值旁边使用宽度为1em的小文本字段添加颜色条。

1 个答案:

答案 0 :(得分:0)

如果此栏位于文本的背景上,您可以使用选项标签内的专有样式并使用一些数学公式使用i来使用rgb代码计算颜色

<option style="background-color: rgb(255,255,i);"> item i </option>

尝试用i生成一些计算值,产生0到255之间的值,它们之间有很大的差异,公式取决于你的i的范围,当然它可以像255 - ix 10,产生足够的对比度你的选择