1. 程式人生 > >JQuery 實現多選 select 的增加與移除效果_Jian

JQuery 實現多選 select 的增加與移除效果_Jian

Forward:

Jian 最近在做畢業設計

其中一個前臺頁面操作是點選某個 select 中 option 後可以新增到另一個 select 中

點選第二個 select 又可以將選中的 option 移除

Code:

不說其它了,還是直接貼程式碼吧

當然,得首先確保有正確的 js

Conclusion:

這裡說明下,因為 Jian 的需求是:左側的值是資料庫中儲存的,而且是對應不同分類有不同值,所以設計成為按鈕禁用與啟用的形式

有的 Demo 實現的效果是將左側資料點選增加後,左側中會移除,右側新增

而右側移除後,又會將資料還原為左側

雖然 Jian 沒有寫這個效果,但是如果是靜態資料的話應該不難

by the way, 填充資料時,option 的 value 與 text 屬性可以自由設定,就不多說了

Confusion:

還是那個問題,如果是從資料庫動態的資料,如何實現 左側新增-->消失-->右側移除-->還原 的效果

特別是,當左側的 select 也是動態生成的,而且不止一個,那...