ie7和ie8 select使用jquery clone不兼容处理
生活随笔
收集整理的這篇文章主要介紹了
ie7和ie8 select使用jquery clone不兼容处理
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
本文解決方案基于http://blog.csdn.net/zzx3q/article/details/8017794
在ie7和ie8下，用jquery clone復制一個select，復制的select是本體的select初始化時的一個副本，無法復制目前本體select選擇。
解決方案：
?
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="./lib/jquery-1.7.2.min.js"></script> <script type="text/javascript">//ie7和ie8兼容function testSelect() {var tr = $("#table").find("tr:eq(0)");var test = $("<tr></tr>");test.append(tr.html());$("#table").append(test);}//ie8以上兼容function testSecond() {var tr = $("#table").find("tr:eq(0)");$("#table").append(tr.get(0).outerHTML);}function teschange(obj) {$(obj).find("option:eq(3)").attr("selected",'selected');}function testClone() {var tr = $("#table").find("tr:eq(0)");$("#table").append(tr.clone());} </script> </head> <body><table id="table"><tbody><tr><td><table><tbody><tr><td><select onchange="teschange(this)"><option value="volvo">Volvo</option><option value="saab" selected='selected'>Saab</option><option value="opel">Opel</option><option value="audi">Audi</option></select></td></tr></tbody></table></td></tr></tbody></table><input type="button" value="測試復制" onclick="testSelect()"></input><input type="button" value="測試第二種復制" onclick="testSecond()"></input><input type="button" value="jquery clone" onclick="testClone()"></input> </body> </html>
?
轉載于:https://www.cnblogs.com/visoncheng/p/3817404.html
總結
以上是生活随笔為你收集整理的ie7和ie8 select使用jquery clone不兼容处理的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 没有暂住证买车上牌要花多少钱啊？
- 下一篇： 《相和歌辞·王昭君二首》第四句是什么