0

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

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

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

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

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

4

1 回答 1

0

如果此栏在文本的背景上，您可以使用选项标签内的适当样式并使用一些数学公式使用 i 使用 rgb 代码计算颜色

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

尝试用 i 找到一些计算，产生从 0 到 255 的值，它们之间有很大的差异，公式取决于你的 i 的范围，当然它可以是 255 - ix 10，以便在你的选项之间产生足够的对比

于 2012-05-24T12:18:31.290 回答