<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<script language="JavaScript">
<!--
function cc(obj){
oNewSel = obj.cloneNode(true);
oNewSel.setAttribute("id","jhdakjhdasjd");
oNewSel.options[obj.selectedIndex].selected=true;
document.body.insertBefore(oNewSel);
alert(oNewSel.outerHTML);
}
//-->
</script>
</head>
<body>
<select name="" id="asel">
<option value=1>1</option>
<option value=2>2</option>
<option selected value=3>3</option>
<option value=4>4</option>
</select>
<input type="button" value="copy" onclick="cc(asel);">
<div id="diva"></div>
</body>
</html>
注意:使用cloneNode方法,无法去修改clone的[SELECT]对象的NAME值,只能修改ID.-_- 花了近一天得到的结果...
//一些笔记
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script language="JavaScript">
<!--
function cc(obja,objb){
arrayObj = new Array();
arrayCellObj = new Array(); //for filter same rows
for(i=1; i < obja.rows.length ; i++) {
cloneRow = obja.rows(i).cloneNode(true);
arrayObj.push(cloneRow);
arrayCellObj.push(obja.rows(i).cells(0).innerHTML);
}
for (i = 0; i < arrayObj.length; i++){
if(!isHadObj(objb,arrayCellObj[i])){
objb.appendChild(arrayObj[i]);
}
}
}
function isHadObj(objtbl,obj){
for(j=0;j < objtbl.rows.length ; j++) {
CellHtml = objtbl.rows(j).cells(0).innerHTML;
if(CellHtml==obj){
return true;
}
}
return false;
}
//-->
</script>
</head>
<body>
<table id="tbla" border="1">
<tr>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
</tr>
</table>
<br/>
<table border="1">
<tbody id="tblb" >
<tr>
<td>a1</td>
<td>a2</td>
</tr>
</tbody>
</table>
<input type="button" value="copy" onclick="cc(tbla,tblb);"/>
</body>
</html>