怎么实现获取表格中的某个数据？

冷了个冷的热热 2015-12-17 06:12:16

如图求大神代码示例啊！！谢谢！！

...全文

253 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

傲雪星枫 2015-12-19

打赏
举报

首先表格加个id 参考：


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>

<form style="width:95%;display:inline;"  action="__URL__/so">
  <fieldset style="display:inline; width:95%"> 
    <legend>查询结果</legend>
    <table border="1" align="center" width="95%" id="mytable">
      <tr style="height:25px;">
        <td align="left"   height="25px"   width="3%"></td> 
        <td align="center" height="25px" width="6%">序号</td>
        <td align="center" height="25px" width="12%">手机号</td>
        <td align="center" height="25px" width="9%">姓名</td>
        <td align="center" height="25px" width="6%">性别</td>
        <td align="center" height="25px" width="6%">年龄</td>
        <td align="center" height="25px" width="6%">工作</td>
        <td align="center" width="18%">操作</td>
      </tr>
        
               <tr style="height: 25px;">
                  <td><input type='checkbox' value="{$vo.id}" name='id[]' /></td>
                   <td width="5%" height="23" align="center">1</td>
                  <td width="5%" height="23" align="center">10086</td>
                  <td  style='text-align:center;'>张三</td>
                  <td  style='text-align:center;'>男</td>
                  <td align="center" width="5%">25</td>
                  <td align="center" width="10%">护士</td>
                  <td align="center" width="18%" >　<a href="__URL__/edit/id/{$vo.id}">查看</a></td>
              </tr>
              
               <tr style="height: 25px;">
                  <td><input type='checkbox' value="{$vo.id}" name='id[]' /></td>
                   <td width="5%" height="23" align="center">2</td>
                  <td width="5%" height="23" align="center">6666666</td>
                  <td  style='text-align:center;'>李四</td>
                  <td  style='text-align:center;'>男</td>
                  <td align="center" width="5%">28</td>
                  <td align="center" width="10%">护士</td>
                  <td align="center" width="18%" >　<a href="__URL__/edit/id/{$vo.id}">查看</a></td>
              </tr>

                  <tr style="height: 25px;">
                  <td><input type='checkbox' value="{$vo.id}" name='id[]' /></td>
                   <td width="5%" height="23" align="center">3</td>
                  <td width="5%" height="23" align="center">888888</td>
                  <td  style='text-align:center;'>王五</td>
                  <td  style='text-align:center;'>女</td>
                  <td align="center" width="5%">28</td>
                  <td align="center" width="10%">护士</td>
                  <td align="center" width="18%" >　<a href="__URL__/edit/id/{$vo.id}">查看</a></td>
              </tr>
        
        <tr> 
          <td colspan="9" align="center"> <input type='submit' value='多条记录对比查询' /></td>
        </tr>
    </table>
  </fieldset>
</form>

<script type="text/javascript">
function show(){
    var table = document.getElementById('mytable');
    alert(table.rows[1].cells[2].innerHTML);
}
</script>

<input type="button" name="btn" onclick="show()" value="获取表格数据">

</body>
</html>

xuzuning 2015-12-19

打赏
举报

window.onload = function() {
  var form = document.getElementsByTagName('form')[0];
  form.onsubmit = function(e) {
    e = e || event;
    var el = e.Target || e.srcElement
    var inp = document.getElementsByTagName('input');
    var buf = [];
    for(var i=0; i<inp.length; i++) {
      if(inp[i].type == 'checkbox' && inp[i].checked) {
        buf.push(inp[i].parentNode.parentNode.cells[2].innerHTML);
      }
    }
    alert(buf)
    return false
  }
  var a = form.getElementsByTagName('a');
  for(var i in a) a[i].onclick = function(e) {
    e = e || event;
    var el = e.Target || e.srcElement
    while(el.nodeName != 'TR') el = el.parentNode;
    alert(el.cells[2].innerHTML);
    return false;
  }
}

代码中的 alert 只是为了展示结果，你可以改成你要的处理方式代码中的 return false 用于阻止提交和跳转，你根据需要移去

xuzuning 2015-12-19

打赏
举报

如使用 jQuery，要简化许多

缘中人 2015-12-19

打赏
举报

要当前行的数据，选中行的数据

冷了个冷的热热 2015-12-17

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body> <form style="width:95%;display:inline;" action="__URL__/so"> <fieldset style="display:inline; width:95%"> <legend>查询结果</legend> <table border="1" align="center" width="95%"> <tr style="height:25px;"> <td align="left" height="25px" width="3%"></td> <td align="center" height="25px" width="6%">序号</td> <td align="center" height="25px" width="12%">手机号</td> <td align="center" height="25px" width="9%">姓名</td> <td align="center" height="25px" width="6%">性别</td> <td align="center" height="25px" width="6%">年龄</td> <td align="center" height="25px" width="6%">工作</td> <td align="center" width="18%">操作</td> </tr> <tr style="height: 25px;"> <td><input type='checkbox' value="{$vo.id}" name='id[]' /></td> <td width="5%" height="23" align="center">1</td> <td width="5%" height="23" align="center">10086</td> <td style='text-align:center;'>张三</td> <td style='text-align:center;'>男</td> <td align="center" width="5%">25</td> <td align="center" width="10%">护士</td> <td align="center" width="18%" >　<a href="__URL__/edit/id/{$vo.id}">查看</a></td> </tr> <tr style="height: 25px;"> <td><input type='checkbox' value="{$vo.id}" name='id[]' /></td> <td width="5%" height="23" align="center">2</td> <td width="5%" height="23" align="center">6666666</td> <td style='text-align:center;'>李四</td> <td style='text-align:center;'>男</td> <td align="center" width="5%">28</td> <td align="center" width="10%">护士</td> <td align="center" width="18%" >　<a href="__URL__/edit/id/{$vo.id}">查看</a></td> </tr> <tr style="height: 25px;"> <td><input type='checkbox' value="{$vo.id}" name='id[]' /></td> <td width="5%" height="23" align="center">3</td> <td width="5%" height="23" align="center">888888</td> <td style='text-align:center;'>王五</td> <td style='text-align:center;'>女</td> <td align="center" width="5%">28</td> <td align="center" width="10%">护士</td> <td align="center" width="18%" >　<a href="__URL__/edit/id/{$vo.id}">查看</a></td> </tr> <tr> <td colspan="9" align="center"> <input type='submit' value='多条记录对比查询' /></td> </tr> </table> </fieldset> </form> </body> </html> 以上是表格代码