我想顯示一個字段選擇框,它基本上只帶有彩色圖像的圖標,沒有任何選項的標題。什麼是實現這一目標的最佳方式?Rails字段選擇框只有圖標
0
A
回答
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
你將要使用一個框架。標準選擇框不支持圖像選擇。
這裏是我的最愛此功能之一:
http://ivaynberg.github.io/select2/
它支持了一堆的選擇字段不同的功能和發揮標準的文本字段不錯。
+0
如何使用它的軌道表單字段? – rangalo
+0
看看這個視頻教程:http://blog.teamtreehouse.com/using-select2-with-ruby-on-rails-treehouse-quick-tip –
相關問題
- 1. Rails 3只有一組字段的選擇框嵌套表格
- 2. hibernate @formula只選擇字段
- 3. Rails activerecord選擇字段AS
- 4. 帶有圖標和複選框的ToolStripControlHost。 Hightlight如何選擇項目?在圖標字段添加圖標?
- 5. user_save()具有多個選擇字段,如複選框或選擇字段
- 6. 只有圖像的標籤字段
- 7. Rails:$/hour - 只保存部分收藏選擇貨幣字段
- 8. 只有複選框選擇的Primefaces
- 9. django - 只顯示選擇框的值,沒有選擇框
- 10. 只將輸入字段設置爲空字符串,沒有選擇標記
- 11. 只有時間選擇器與rails simple_form
- 12. Rails 3的選擇,只有值
- 13. Rails AJAX選擇框
- 14. android - 充氣片段視圖只有當選擇其選項卡
- 15. 選擇框有50+字選擇
- 16. Rails一個數據庫字段的多個選擇框
- 17. 只在最大字段上選擇行
- 18. nhibernate查詢,只選擇特定字段
- 19. 只選擇最新版本的字段
- 20. SAPUI5:如何讓選擇字段只讀
- 21. insert ...只選擇一些字段
- 22. Ruby on Rails的設計選擇字段
- 23. TimeZone在Ruby on Rails中選擇字段
- 24. Ruby on Rails form_for選擇字段
- 25. 選擇字段是字符串名只有
- 26. 宏列出所有文檔字段值只有選擇列表
- 27. 選擇所有領域,除了只有一個字段在MySQL
- 28. 驅動器選擇框中帶有窗口圖標的圖標
- 29. 驗證字段,選擇或沒有窗體標記的複選框
- 30. rails複選框隱藏字段類
嗨,這工作正常,直到,我選擇了一些東西。雖然傳遞了正確的值,但所選顏色不會保持選定狀態。 – rangalo
@ranglo:剛更新了我的答案。 :)。請檢查一下。 – rony36