jquery - 只有图标的 Rails 字段选择框

Question

我想显示一个字段选择框，它基本上是彩色的，只有彩色图像的图标，没有任何选项标题。实现这一目标的最佳方法是什么？

Answer 1

你在找这个吗？http://jsfiddle.net/yLdu7/1/

  <select style="width: 100px">
    <option style="background: #3C81F3" value="blue"></option>
    <option style="background: #88B541" value="green"></option>
    <option style="background: #EE9702" value="orange"></option>
    <option style="background: #FAD160" value="brown"></option>
  </select>

我知道这是一个愚蠢的东西。

更新

放一个简单的脚本：

$("#select-box").change(function(){
   var col = $(this).val();
   //alert(col);
    $(this).css('backgroundColor',col);
});

在小提琴中检查一下：http: //jsfiddle.net/yLdu7/1/

谢谢。

Answer 2

你会想要使用一个框架。标准选择框不支持图像选择。

这是我对此功能的最爱之一：

http://ivaynberg.github.io/select2/

它支持一系列用于选择字段的不同功能，并且与标准文本字段配合得很好。