带有颜色框的 jQuery Mobile Select Dropbox答案

【问题标题】：jQuery Mobile Select dropbox with a color box带有颜色框的 jQuery Mobile Select Dropbox
【发布时间】：2012-11-28 07:19:19
【问题描述】：

我想知道是否可以创建如下的选择控件？？

我尝试了类似下面的方法，但它并没有将一个框推入内部，而是为整个下拉列表着色。并且选择后选择的颜色不显示在列表中

<select name="appCalendar" id="appCalendar">
 <option value="#000000" style="background-color: Black;color: #FFFFFF;">Black</option>
 <option value="#808080" style="background-color: Gray;">Gray</option>
 <option value="#A9A9A9" style="background-color: DarkGray;">DarkGray</option>
 <option value="#FF0000" style="background-color: Red;">Red</option>
 <option value="#A52A2A" style="background-color: Brown;">Brown</option>
 <option value="#DEB887" style="background-color: BurlyWood;">BurlyWood</option>
 <option value="#F5F5DC" style="background-color: Beige;">Beige</option>
</select>

提前感谢您的宝贵时间。

【问题讨论】：

标签： javascript jquery html forms jquery-mobile

【解决方案1】：

不使用背景颜色。我认为在这种情况下，唯一的方法是使用一些 javascript-plugin 来制作自定义元素并使用底层选择。

比如这个：http://designwithpc.com/Plugins/ddSlick

【讨论】：