jQuery - 在下拉列表項目的末尾有獨立動作的圖標

Question

我環視了一下，沒有發現任何東西，所以我甚至不確定這是否可能。

我想要做的是有一個下拉列表。每個列表項都是列表的特定類型的視圖。是否有可能在最後添加一個圖標，點擊後會觸發一個不同的操作來選擇該項目？

所以用戶打開下拉菜單。他們看到視圖1.最後有一個鉛筆按鈕圖像。如果他們選擇視圖1，則列表視圖會更改。如果他們選擇鉛筆，它將打開該視圖的編輯視圖對話框。

這甚至可以使用JavaScript/jQuery？

Answer 1

它不會與標準的select元素兼容，但它絕對可以使用divs以及沉重的Javascript/jQuery。

類似於jQuery插件Chosen的工作方式 - 它隱藏了原始的select元素並使用divs重建了它，增加了與jQuery的交互（顯然）。