2013-07-03 48 views

回答

2

您是否正在尋找? 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/

感謝。

+0

嗨,這工作正常,直到,我選擇了一些東西。雖然傳遞了正確的值,但所選顏色不會保持選定狀態。 – rangalo

+0

@ranglo:剛更新了我的答案。 :)。請檢查一下。 – rony36

0

你將要使用一個框架。標準選擇框不支持圖像選擇。

這裏是我的最愛此功能之一:

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

它支持了一堆的選擇字段不同的功能和發揮標準的文本字段不錯。

+0

如何使用它的軌道表單字段? – rangalo

+0

看看這個視頻教程:http://blog.teamtreehouse.com/using-select2-with-ruby-on-rails-treehouse-quick-tip –