select的option做隱藏顯示的情況是不推薦

做了一個很垃圾的可輸入下拉,在文本框bind('input propertychange')事件,根據輸入的字符對select的option的text來判斷,做隱藏顯示

 

開始在WEB上面是沒問題的,感覺還不錯,交作業。。。嗯嗯

 

一會客戶發消息來說這個在殼子(封的一個瀏覽器)裏面無法使用,當時都懵逼了,不是應該沒問題啊。

 

開始以爲是可輸入下拉兼容性問題,去掉樣式,就留了input 和 select 兩個空間,讓客戶再試試,然後依然。

 

網上翻了很久,看到一篇文章說select的option做隱藏顯示的情況是不推薦,瀏覽器可能不支持這個動作。

 

只能改代碼,加了一個公共變量,在綁定事件的時候,第一次觸發事件的時候把All option遍歷賦值過去,然後做了empty,再append回來,重新再遍歷一次把不匹配的remove掉。

問題解決了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章