我已在selectbox中动态添加了选项值。但是对于每个选项,我想显示一个关于颜色条的小颜色条+描述。描述将是正确的颜色条。
在动态选项框的每个选项值中合并颜色条+描述的方法是什么?
以下代码正在添加选项值。
for (var i = 0; i < item.length; i++) {
Options += '<option value="' + item[i] + '">' + item[i] + '</option>';
}
我的要求是在项目值旁边使用宽度为1em的小文本字段添加颜色条。
答案 0 :(得分:0)
如果此栏位于文本的背景上,您可以使用选项标签内的专有样式并使用一些数学公式使用i来使用rgb代码计算颜色
<option style="background-color: rgb(255,255,i);"> item i </option>
尝试用i生成一些计算值,产生0到255之间的值,它们之间有很大的差异,公式取决于你的i的范围,当然它可以像255 - ix 10,产生足够的对比度你的选择