jQuery Mobile选择带有颜色框的Dropbox

时间:2012-11-28 07:19:19

标签: javascript jquery html forms jquery-mobile

我想知道是否可以创建一个选择控件,如下所示?

enter image description here

我尝试了类似下面的内容,但它不会在内部推一个盒子而是整个下拉列表。选择所选颜色后,列表中不会显示

<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>

感谢您提前的时间。

1 个答案:

答案 0 :(得分:0)

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

例如这一个:http://designwithpc.com/Plugins/ddSlick