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/

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