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

Question

我環顧四周，沒有發現任何東西，所以我什至不確定這是否可能。

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

所以用戶打開下拉菜單。 他們看到視圖 1。最后有一個鉛筆按鈕圖像。 如果他們選擇查看 1，列表視圖會發生變化。 如果他們選擇鉛筆，它會打開該視圖的編輯視圖對話框。

這甚至可以使用 javascript/jQuery 嗎？

Answer 1

它不能使用標准的select元素，但是使用divs和大量的 Javascript/jQuery 絕對是可能的。

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