This solution is based on http://blog.csdn.net/zzx3q/article/details/8017794
Under IE7 and IE8, using jquery clone to copy a select, the copied select is a copy of the main body's select initialization and cannot replicate the current ontology select selection.
Solution:
<!DOCTYPE HTML><HTML><Head><MetaCharSet= "UTF-8"><title>Insert Title here</title><Scripttype= "Text/javascript"src= "./lib/jquery-1.7.2.min.js"></Script><Scripttype= "Text/javascript"> //IE7 and IE8 compatible functionTestselect () {varTR= $("#table"). Find ("tr:eq (0)"); varTest= $("<tr></tr>"); Test.append (tr.html ()); $("#table"). append (test); } //IE8 above compatible functionTestsecond () {varTR= $("#table"). Find ("tr:eq (0)"); $("#table"). Append (Tr.get (0). outerHTML); } functionTeschange (obj) {$ (obj). Find ("Option:eq (3)"). attr ("selected",'selected'); } functionTestclone () {varTR= $("#table"). Find ("tr:eq (0)"); $("#table"). Append (Tr.clone ()); }</Script></Head><Body> <TableID= "Table"> <tbody> <TR> <TD> <Table> <tbody> <TR> <TD><Selectonchange= "Teschange (this)"> <optionvalue= "Volvo">Volvo</option> <optionvalue= "Saab"selected= ' selected '>Saab</option> <optionvalue= "Opel">Opel</option> <optionvalue= "Audi">Audi</option> </Select></TD> </TR> </tbody> </Table> </TD> </TR> </tbody> </Table> <inputtype= "button"value= "Test Copy"onclick= "Testselect ()"></input> <inputtype= "button"value= "Test second Replication"onclick= "Testsecond ()"></input> <inputtype= "button"value= "jquery clone"onclick= "Testclone ()"></input></Body></HTML>