请教:js实现了自动添加表格行,每行每列都添加了一个文本域,给文本域赋值的时候,出现了问题
问题是这样的:
一下代码实现了,自动给一个表格添加行和列
function addItem() {
var oRow = detailTable.insertRow();
oRow.align = "center ";
oCell = oRow.insertCell();
oCell.innerHTML = oRow.rowIndex;
oCell = oRow.insertCell();
oCell.innerHTML = " <input type= 'text ' name= 'bianhao ' size= '8 ' > ";
oCell = oRow.insertCell();
oCell.innerHTML = " <input type= 'text ' name= 'number ' size= '8 '> ";
oCell = oRow.insertCell();
oCell.innerHTML = " <input type= 'text ' name= 'state ' size= '8 '> ";
oCell = oRow.insertCell();
oCell.innerHTML = " <input type= 'text ' name= 'bstate ' size= '8 '> ";
oCell = oRow.insertCell();
oCell.innerHTML = " <input type= 'text ' name= 'cols ' size= '8 '> ";
oCell = oRow.insertCell();
oCell.innerHTML = ' <image src= "../images/delete.gif " onclick= "delItem( '+oRow.rowIndex+ ') "/> ';
}
这个功能可以实现,但是我原本是想把form1里面的input text 和select的Value值自动的写到我点击按钮自动生成的表格里的oCell.innerHTML = " <input type= 'text ' name= 'bstate ' size= '8 '> ";里去,我写了一下,第一行可以添加,第二行,就添加不了数据了,我写的添加的函数是这样的
function setValue() {
var length = detailTable.rows.length;
//if (length> 2) {
//document.all.bianhao[length].value =document.form1.textfield.value;
//document.all.number[length].value = document.form1.textfield2.value;
//} else {
document.all.bianhao.value =document.form1.textfield.value;
document.all.number.value = document.form1.textfield2.value;
//}
}
请高手帮我改改!!!谢谢了。在线敌等
[解决办法]
<table id= "detailTable ">
</table>
<script language=javascript>
function addItem() {
var oRow = detailTable.insertRow();
oRow.align = "center ";
oCell = oRow.insertCell();
oCell.innerHTML = oRow.rowIndex;
oCell = oRow.insertCell();
oCell.innerHTML = " <input type= 'text ' name= 'bianhao ' size= '8 ' > ";
oCell = oRow.insertCell();
oCell.innerHTML = " <input type= 'text ' name= 'number ' size= '8 '> ";
oCell = oRow.insertCell();
oCell.innerHTML = " <input type= 'text ' name= 'state ' size= '8 '> ";
oCell = oRow.insertCell();
oCell.innerHTML = " <input type= 'text ' name= 'bstate ' size= '8 '> ";
oCell = oRow.insertCell();
oCell.innerHTML = " <input type= 'text ' name= 'cols ' size= '8 '> ";
oCell = oRow.insertCell();
oCell.innerHTML = ' <image src= "../images/delete.gif " onclick= "delItem( '+oRow.rowIndex+ ') "/> ';
}
function setValue() {
var lengthNum = detailTable.rows.length-1;
//alert(detailTable.outerHTML)
if (lengthNum> 2) {
document.all.bianhao[lengthNum].value =document.form1.textfield.value;
document.all.number[lengthNum].value = document.form1.textfield2.value;
} else {
document.all.bianhao.value =document.form1.textfield.value;
document.all.number.value = document.form1.textfield2.value;
}
}
</script>
<form name= "form1 ">
<input name= "textfield " value= "asdasdasd ">
<input name= "textfield2 " value= "vbnvbnvbn ">
<input name= "button1 " value= "添加 " type= "button " onclick= "addItem() ">
<input name= "button1 " value= "写值 " type= "button " onclick= "setValue() ">
</form>
[解决办法]
<select name= "select ">
<option value= '1 '> 柜台可以使用 </option>
<option value= '2 '> 柜台暂停使用 </option>
</select>
<script language= "JavaScript ">
<!--
alert(document.all.select.value);
//-->
</script>
[解决办法]
function setValue() {
if(document.all.bianhao.length > 1 ){
document.all.bianhao[document.all.bianhao.length-1].value =document.form1.textfield.value;
document.all.number[document.all.bianhao.length-1].value = document.all.select.options[document.all.select.selectedIndex].text;
}else{
document.all.bianhao.value = document.form1.textfield.value;
document.all.number.value = document.all.select.options[document.all.select.selectedIndex].text;
}
}