Select2.js錯誤點總結

風靈使發表於2018-04-11

1、在做官網上的例子的時候,一直沒有搜尋框出來,一直都是普通的<select>標籤實現的效果而已。糾結了好久好久都不知道是咋回事,後來開啟瀏覽器的開發人員工具時,發現提示下圖的錯誤:
這裡寫圖片描述

才突然意識到,自己傻瓜了,Select2是基於jQuery的一個外掛,沒有引用jQuery,Select2腫麼可能有用嘛!真是笨到家了-_-!
也怪自己不好,直接將官網給的程式碼寫了一遍就直接執行了。
這裡寫圖片描述

2、在實現給select2新增placeholder效果的時候,遇到placeholder不起作用的問題,哎,真是又糾結了好久,最後請Vision幫忙看了一下,才發現,原來是我根本沒給select2一個placeholder的機會,都沒有給select2一個空的option,select2腫麼有地方去顯示placeholder要顯示的內容呢
這裡寫圖片描述

3、在做select2的資料為陣列時,需要注意兩點:(1)要用<input type="hidden">的標籤代替<select>標籤;(2)陣列中的每一條資料都必須有id和text兩個欄位。
還有,我在做這個示例的時候,因為不小心,程式碼中少寫了一個冒號,導致頁面上select2控制元件載入不出來,不過也因此學會了通過開發人員工具查詢錯誤:
這裡寫圖片描述


這裡寫圖片描述

引數 minimumInputLength,allowClear都是區分大小寫的,如果大小寫不正確,是起不到效果的

相關文章