ASP.NET下拉選單DropDownList套用jQuery複合選取時的經驗談(改採ListBox較適合)
Multiple Select is a jQuery plugin to select multiple elements with checkboxes 雖然DropDownList預設Render到HTML對應產生SELECT的HTML TAG 但是Code-Behind中要透過SelectedValue取得只能取得到第一個選到的唯一值 https://docs.microsoft.com/zh-tw/dotnet/api/system.web.ui.webcontrols.dropdownlist?view=netframework-4.8#properties 原因在於Multiple Select這項jQUery plugin背後實作只是將select 的 display設置為none 然後自行在render出來上下兩組div做特殊處裡 因此這裡必須捨棄掉dropdownlist的控件相關屬性、方法處理 首先 先有辦法監聽到每次check/unckeck項目的值 jQuery MultipleSelect code範本 See the Pen jQuery Multiple Select by Jacob ( @dryjoker ) on CodePen . 這裡要注意使用的MultipleSelect版本有差異!!! 像是這裡我用官網cdn使用 它裡面選中是定義成selected 而我這裡專案的定義則是 checked!!!! 建議都先console印出來裏面的屬性有哪些 .aspx 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 $( '#<%=ddl_multi.ClientID%>' ).multipleSelect({ placeholder: "法人單位(可複選)" , width: '99%' , selectAll: false , multiple: true , multipleWidth: 1...
