如何删除指定的单元格~~
<script>
var i=0
function Add()
{
var table = document.getElementById( "table ");
var row = table.insertRow();
var cell = row.insertCell();
//alert(i);
if (i <=4){
cell.innerHTML = ' <a style=COLOR: #FF0000 href=javascript:del()> 删除 </a> '+i+ ' <input type= "text " name= "aa "> ';
(++i);
//alert(cell.innerHTML);
return true;
}
if (i> 4) {
alert( "对不起,最多只能加5行! ");
return false;}
}
function del()
{
var table = document.getElementById( "table ");
//if (i > 0)
//{
i= i - 1 ;
table.deleteRow(0)
//}
}
</script>
<a href= "# " onClick= "Add() "> + </a>
<table id= "table " border= "0 ">
</table>
就是我指定删除标号为1的就删除1单元格,删除标号为2的就删除2单元格。现在删除后的标号是错的。
[解决办法]
<script language= "JavaScript ">
function setfocus()
{
document.form1.marking.focus();
}
</script>
<script language= "javascript ">
var j=0
function add_row(){
k=j+1
j=sqd.rows.length;
newRow=document.all.sqd.insertRow(-1)
newcell=newRow.insertCell()
newcell.style.backgroundColor= '#f7f7f7 '
newcell.innerHTML=j
newcell=newRow.insertCell()
newcell.style.backgroundColor= '#f7f7f7 '
newcell.innerHTML= " <input name=Number type=radio > "
newcell=newRow.insertCell()
newcell.style.backgroundColor= '#f7f7f7 '
//*************************update************************************
newcell.innerHTML= " <input name=Marking type=text class=INPUT1 size=30 style=font-size: 20px; font-weight: bold onblur= 'onBlurValue() '> "
//**************************end**************************************
newcell=newRow.insertCell()
newcell.style.backgroundColor= '#f7f7f7 '
newcell.innerHTML= " <input name=price type=text class=INPUT1 size=20 style=font-size: 20px; font-weight: bold> "
}
function del_row() {
if(sqd.rows.length==1) return;
var checkit = false
for (var i=0;i <document.all.Number.length;i++) {
if (document.all.Number[i].checked) {
checkit=true;
sqd.deleteRow(i)
break;
}
}
if (checkit) {
for(i=1;i <sqd.rows.length;i++){
sqd.rows[i].cells[0].innerText=i
}
} else
{
alert( "请选择一个要删除的对象 ");
return false}
}
//******************************update***********************************
function onBlurValue(){
document.all.price.value=1;
alert(document.all.price.value);
}
//***********************************************************************
</script>
<script language= "javascript ">
function check()
{var j=0;
for (i=0;i <document.form1.elements.length;i++){
var strType = document.form1.elements[i].type
if (strType == 'text ')
{
if (document.form1.elements[i].value!= " ")
{
j=j+1;
}
}
}
if (j-1==0)
{
alert( "请输入条码! ");
document.form1.elements[i].focus();
return false;
}
if ((j-1)%2!=0)
{
alert( "请输入条码! ");
document.form1.elements[i].focus();
return false;
}
document.form1.submit();
}
</script>
<table width= "100% " border=0 align= "center " cellpadding=2 cellspacing=1 bgcolor= "#FFFFFF ">
<form name= "form1 " action= "sale2.asp " method= "post ">
<tr>
<td height= "25 " align= "center "> <strong> <font size= "5 "> 商品销售单 </font> </strong> </td>
</tr>
<tr>
<td align=center valign=top bgcolor=f7f7f7>
<table id= "sqd " width= "100% " border= "0 " cellpadding= "0 " cellspacing= "1 " bgcolor= "#999999 ">
<tr class= "TRL2 ">
<td height= "25 " width= "6% "> <strong> <font size= "5 "> 序号 </font> </strong> </td>
<td width= "7% "> <strong> <font size= "5 "> 选中
<input name= "Number " type= "hidden " >
</font> </strong> </td>
<td width= "36% "> <strong> <font size= "5 "> 商品条码 </font> </strong> </td>
<td width= "51% "> <strong> <font size= "5 "> 销售数量 </font> </strong> </td>
</tr>
</table>
<br>
<table width= "100% " border= "0 " cellpadding= "0 " cellspacing= "0 " >
<tr>
<td align= "center ">
<input name= "addrow " type= "button " onClick= "add_row(1) " class= "button " value= "添加新行 ">
<input name= "delrow " onclick= "del_row() " type= "button " class= "button " value= "删除行 ">
<input name= "save " type= "button " value= "确定 " onClick= "javascript:check(); " width= "150 " height= "100 " style= "font-size: 30px; font-weight: bold ">
</td>
</tr>
</table>
</td>
</tr> </form>
</table>
<%
i=1
for i=1 to 10%>
<script language= "javascript ">
add_row();
</script>
<%next%>
[解决办法]
用delete(index)方法就可以了
-------------------------------
function delCells(arg){
var oTrs = document.getElementsByTagName( "tr ");
oTrs[0].deleteCell(arg);
}
-------------------------------