2012-05-24 16 views
0

我在選擇框中動態添加了選項值。但是對於每個選項,我想顯示一個小的顏色條+關於顏色條的描述。說明是正確的顏色欄。每個選擇框選項中的顏色字段和文本值

動態地在選擇框的每個選項值中包含顏色條+描述的方法是什麼?

以下代碼是添加選項值。

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

我的要求是使用寬度爲1em的小文本字段在項目值旁邊添加顏色條。

+0

請顯示你的代碼 –

回答

0

如果這個酒吧是您可以使用禮風格的選項標籤內,並使用一些數學公式使用我使用RGB碼

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

試圖找到計算顏色的文字的背景一些計算與我產生值從0到255與他們之間的良好區別,公式取決於你的我的範圍,當然它可以像255 - IX 10,產生足夠的對比你的選項

+0

不,我不想在背景顏色我想要選項值旁邊的顏色欄。我希望這次能夠讓自己清醒。 –

相關問題