作爲選項的顏色方案的下拉列表

Question

我試圖在每個選項中使用三種顏色創建下拉列表，因此用戶可以選擇他偏好的顏色方案。

我試圖用引導選擇（http://silviomoreto.github.io/bootstrap-select/）這一點，用下面的代碼：

<select class="selectpicker" name="color_scheme" id="color_scheme"> 
     <option value="1" data-content="<div style='height:15px;width:15px;background:red;float:left'></div><div style='height:15px;width:15px;background:green;float:left'></div><div style='height:15px;width:15px;background:blue;float:left;clear:right'></div>"></option> 
     <option value="2" data-content="<div style='height:15px;width:15px;background:gray;float:left'></div><div style='height:15px;width:15px;background:orange;float:left'></div><div style='height:15px;width:15px;background:yellow;float:left'></div>"></option> 
</select> 

這根本不是那麼好，但因爲浮動的。有沒有辦法解決這個問題，還是有更好的方法來實現我所需要的？

Answer 1

我結束了使用選擇二，與模板選項：

<select> 
    <option value="0" data-foo="bar">option one</option> 
    ... 
</select> 

function format(state) { 
    var originalOption = state.element; 

    return "<img class='flag' src='images/flags/" + state.id.toLowerCase() + ".png' alt='" + $(originalOption).data('foo') + "' />" + state.text; 
}