為select動態新增option問題

2021-04-18 16:47:03 字數 808 閱讀 5860

題記:今天為個專案做兩個多選列表框互相移動案例,要求支援包括ff,ie,safari(蘋果)在內的瀏覽器使用。

問題:現象二,用objselect.add(objopiton)新增option,ff下不支援。

關鍵**(由於是日文專案,注釋為日文可忽略不看):

function moveselected(osourcesel,otargetsel)

} //キャッシュでのデータをターゲットドロップダウンリストに追加して、ソースドロップダウンリストでの該當データを削除する

for(var i=0; i}

觀察以上**55-59行
現象一**為:  

ooption.text = arrseltext[i];

ooption.value = arrselvalue[i];現象二出現的**為:

ooption.text = arrseltext[i];

ooption.value = arrselvalue[i];

otargetsel.add(ooption);

結論:
現象一中由於ie和ff對dom的操作有所區別,故而導致ie下顯示為空白列表,因為在ie下必須先得到節點後方能為該節點新增子節點或者屬性值。
而ff並沒有這個約束。
現象二,理由很簡單,ff就是不支援add()的方式新增子節點。而ie為add做過特殊的處理,故而可以得到意向的結果。
補充,以上三種**在safari下均可以正常執行,不錯的瀏覽器,就像他的外表一樣有魅力。

為select動態新增option問題

題記 今天為個專案做兩個多選列表框互相移動案例,要求支援包括ff,ie,safari 蘋果 在內的瀏覽器使用。問題 現象二,用objselect.add objopiton 新增option,ff下不支援。關鍵 由於是日文專案,注釋為日文可忽略不看 function moveselected oso...

jQuery動態新增刪除select項

新增 function col add 刪除 function col delete 清空 function col clear 以上方法為jquery動態新增 刪除和清空select。下面是純js的寫法 var sid document.getelementbyid myselect sid.op...

為控制項動態新增Style

原文 為控制項動態新增style 此文可解決 重寫控制項時,給控制項加入子控制項或父控制項的樣式切換問題。很靈活的可以根據不同內容顯示不同樣式 子控制項作用在 datatemplate x key colmunheader1 dockpanel background transparent cont...