a
来源:互联网 发布:不成乎名,遁世无闷 编辑:程序博客网 时间:2024/05/17 08:14
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Test</title>
</head>
<body>
<script>
var textNumber = 1;
function change(a)
{
/*两个都不行*/
//document.all.box.value = document.all.select1.value;
//document.all.input1.value = document.all.oSelect.value;
alert("123")
//alert(a.value)
//document.getElementById("box").value=document.getElementById("selec").value
//alert(a.parentNode.parentNode.innerHTML)
//a.parentNode.parentNode.parentNode.childNodes[1].childNodes[0].value=a.value
//alert(a.parentNode.parentNode.childNodes[1].value=a.value)
a.parentNode.nextSibling.childNodes[0].value=a.value
}
function DeleteTr(i)
{
var table = document.getElementById("table1");
var tr = table.childNodes[0];
tr.removeChild(tr.childNodes[i]);
}
function AppendTr()
{
textNumber++;
var table = document.getElementById("table1");
var tr = table.childNodes[0];
var trnew = document.createElement("tr");
var td1 = document.createElement("td");
var oSelect = document.createElement("select");
oSelect.setAttribute("id","select1");
oSelect.setAttribute("onChange","change()");
var option11 = document.createElement("option");
option11.text="A.你";
option11.value="YOU";
oSelect.add(option11);
var option12 = document.createElement("option");
option12.text="B.我";
option12.value="MY";
oSelect.add(option12);
var option13 = document.createElement("option");
option13.text="C.他";
option13.value="HE";
oSelect.add(option13);
var td2 = document.createElement("td");
var input1 = document.createElement("input");
input1.setAttribute("name","box");
input1.setAttribute("id","box" );
//td1.appendChild(oSelect);
td1.innerHTML="<select onchange='change(this)' id='selec'><option value='YOU'> 你 </option><option value='YOU1'> 你1 </option></select>"
td2.appendChild(input1);
trnew.appendChild(td1);
trnew.appendChild(td2);
tr.appendChild(trnew);
}
</script>
<table border="0" cellspacing="0" bgcolor="#CCCCCC" id="table1">
</table>
<input type="button" onclick="DeleteTr(0);" value="删除一行">
<input type="button" onclick="AppendTr();" value="插入一行">
</body>
</html>