jQuery – 好用的外掛 select2。介紹AJAX方法。

select2 這款plugin 可以讓你在 <select> 中打字搜尋,當資料量很大的時候可以快速幫你找到位置,很方便喔。

http://ivaynberg.github.io/select2/index.html

基本就參考官網,這裡介紹使用 AJAX 來篩選 <select> 裡面的項目。

html

基本上是使用 <select>,但是要使用可以打字的輸入框來做 AJAX,元素需要使用 <input> ,若用 <select> 會出現錯誤訊息。

jQuery

 

關於傳送搜尋的關鍵在

 

把 AJAX 取得的值放到下拉選單的方法,有個格式是

 

好。這種格式很不優!開發者其實不應該這麼寫。但也沒辦法囉 XD

上面這些就可以完成 AJAX 傳遞囉。

 

發表迴響