替代方案～解決JQuery無法在IE 上使用 hide function

很偶然的發現 JQuery 的 hide function 在 IE 環境中的 select 無法發揮作用。

這下麻煩了～本來想實作的功能是有兩個select，當選擇第一個select的時候，會改變第二個select的內容，類似子選單這樣子。

但是因為沒辦法hide的關係，所以第二個select會把所有的option全部列出來。

查了網路上大家提供的方法，總算是解決了。

原理大概就是再準備一個select，然後利用 append function 把第三個select的option塞到第二個select裡面。

提供以下的程式碼供大家做參考囉！