如何在jsp页面中得到表格中一行数据的id

如何在jsp页面中得到表格中一行数据的id，然后删除这一行

解决方案 »

  1.   

    删除操作写在这一行 
    <td  onclick="delete(this)">skd<td>
    function delete(bt){
       var index=bt.parentNode.rowIndex;
      document.getElementById("table").deleteRow(index);
    }
      

  2.   

    <tr id="tb" onclick="delect(this)">
    ……
    </tr>
    function delete(obj){
      var index=bt.parentNode.rowIndex;
      document.getElementById("table").deleteRow(index);
    }
      

  3.   

    http://wensky.iteye.com/blog/250870
      

  4.   

      document.getElementById("id")这样就得到了撒
      

  5.   

    <HTML>   
      <HEAD>   
      <script   language="javascript">   
        
        
      //--------------------------删除行开始--------------------------------------   
      function   DeleteRow(obj){   
      //删除行   
      //index插入的位置   
      alert("Table1的行数:"+obj.rows.length+"\n"+"Table1的列数:"+obj.rows(0).cells.length);   
      if(obj.rows.length>1)   
      {   
      obj.deleteRow(obj.rows.length-1);   
      }   
        
      }   
      //--------------------------删除行结束--------------------------------------   
        
      //--------------------------插入行开始--------------------------------------   
      function   InsertRow(obj){   
      //插入行   
      //index插入的位置   
      alert("Table1的行数:"+obj.rows.length+"\n"+"Table1的列数:"+obj.rows(0).cells.length);   
      var   oTr=obj.insertRow(obj.rows.length);   
      oTr.style.height=21   
      var   oTd   
      for   (j=0;j<obj.rows(0).cells.length;j++)   
      {   
      oTd=oTr.insertCell(j)   
      oTd.innerText="   "       //"   "   
      }   
        
      }   
      //--------------------------插入行结束--------------------------------------   
        
        
      //--------------------------插入列开始--------------------------------------   
      function   InsertCol(obj){   
      var   oTd   
      for(j=0;j<obj.rows.length;j++){   
        
      oTd=obj.rows(j).insertCell(obj.rows(j).cells.length);   
      oTd.innerText="   "       //"   "   
      }   
      }   
      //--------------------------插入列结束--------------------------------------   
        
      //--------------------------删除列开始--------------------------------------   
      function   DeleteCol(obj){   
      alert(Table1.rows(0).cells.length);   
      for(j=0;j<Table1.rows.length;j++)   
      {   
      if(Table1.rows(j).cells.length>1)   
      {   
      Table1.rows(j).deleteCell(Table1.rows(j).cells.length-1);   
      }   
      }   
      }   
      //--------------------------删除列结束--------------------------------------   
        
      //--------------------------更改表格文字开始--------------------------------------   
      function   showinput()   
      {   
      elm   =   event.srcElement;   
      if   (elm.tagName   !=   "TD")   return;   
      elm.innerHTML   =   "<input   onblur='hide()'     value='"+elm.innerText+"'   style='text-align:center;width:100%;border-width:   0px;'   name='input1'   id='input1'></input>";   
      document.all.item("input1").focus();   
      document.all.item("input1").select();   
      }   
      function   hide()   
      {   
      elm   =   event.srcElement;   
      elm.parentNode.innerHTML   =   elm.value   
      }   
      //--------------------------更改表格文字结束--------------------------------------   
      //function   document.onmousedown(){   
      // alert(event.keyCode);   
      //}   
        
      </script>   
      <TITLE>Lion互动网络=》动态添加修改表格（行、列、内容）</TITLE>   
      </HEAD>   
      <BODY>   
      <INPUT   onclick="DeleteRow(Table1)"   type="button"   value="删除行"   ID="Button1"   NAME="Button1">&nbsp;<INPUT   onclick="InsertRow(Table1)"   type="button"   value="插入行"   ID="Button2"   NAME="Button2"><BR>   
      <INPUT   onclick="DeleteCol(Table1)"   type="button"   value="删除列"   ID="Button3"   NAME="Button3">&nbsp;<INPUT   onclick="InsertCol(Table1)"   type="button"   value="插入列"   ID="Button4"   NAME="Button4"></P>   
      <P><asp:datagrid   id="ID_Grid"   onclick="showinput()"   runat="server"   Width="100%"   AutoGenerateColumns="False"></asp:datagrid>Table1:   
      <TABLE   id="Table1"   onclick="showinput()"   cellSpacing="1"   cellPadding="1"   width="300"   border="1">   
      <TR>   
      <TD>d</TD>   
      <TD>c</TD>   
      <TD>a</TD>   
      </TR>   
      <TR>   
      <TD>a</TD>   
      <TD>b</TD>   
      <TD>c</TD>   
      </TR>   
      </TABLE>   
      </BODY>   
      </HTML> 
      

  6.   

    你这表格显示的数据肯定是从后台传过来的吧
    那么传过来的对象里面肯定有ID这个变量通过radio或checkbox之类的把选中的ID
    传到后台就好了也可以想楼上的大虾们说的用JS  不过JS里面只是删除了页面显示的数据，数据库里面没有删除掉
    不知道你是要哪种效果
      

  7.   

    问题解决了  我在action中定义了id，在jsp页面中直接取就可以
    <input type="button" class="Page_Button" 
    onclick="doDelete2('<ww:propertyvalue="id"/> ')" value="<ww:property value="getText('delete')"/>"/>