是这样的,现在有个郁闷的问题。我在页面有一个表格 是动态循环出来的 在表格的上面有一个按钮  首先我的鼠标移到表格的其中一行点击了一下 然后再去点击表格上面的按钮 希望点击之后这个按钮之后能获取我刚才选择的那一行的第一列数据 请问该怎么做?谢谢了!

解决方案 »

  1.   

    <!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>
    <style>
    td{border:1px solid blue}
    </style>
    </head><body><table onclick="d();" width="100px;">
    <tr>
    <td>1</td>
    <td>2</td>
    </tr>
    <tr>
    <td>3</td>
    <td>4</td>
    </tr>
    <tr>
    <td>5</td>
    <td>6</td>
    </tr>
    <tr>
    <td>7</td>
    <td>8</td>
    </tr>
    </table>
    <button onclick="alert(window._rowIndex)">点我</button>
    <script type="text/javascript">function d(e){
    e = e || window.event;
    var o = e.srcElement || e.target;
    while(o.rowIndex == undefined ){
    o = o.parentNode;
    }
    window._rowIndex = o.rowIndex;
    }</script></body>
    </html>
      

  2.   

    <!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>
    <style>
    td{border:1px solid blue}
    </style>
    </head><body><table onclick="d();" width="200px;" id="JS_table">
    <tr>
    <td>1</td>
    <td>2</td>
    <td><button>点我</button></td>
    </tr>
    <tr>
    <td>3</td>
    <td>4</td>
    <td><button>点我</button></td>
    </tr>
    <tr>
    <td>5</td>
    <td>6</td>
    <td><button>点我</button></td>
    </tr>
    <tr>
    <td>7</td>
    <td>8</td>
    <td><button>点我</button></td>
    </tr>
    </table>
    <script type="text/javascript">function d(e){
    e = e || window.event;
    var o = e.srcElement || e.target;
    if(o.tagName.toLowerCase() == "button"){
    var table = document.getElementById("JS_table");
    var row = table.rows[ window._rowIndex ];
    alert( row.cells[0].innerHTML )
    return;
    }
    while(o.rowIndex == undefined ){
    o = o.parentNode;
    }
    window._rowIndex = o.rowIndex;
    }</script></body>
    </html>
      

  3.   

    我也是刚刚用到这个功能,花1小时想到的土办法。<script>
    function trSelect(n){//id传递点击单元格的值
      document.getElementById("EditButtonUrl").href="xxx.asp?id="+n; 
       //改变链接按扭的地址参数.
    }
    </script>CSS按扭:<a id="EditButtonUrl" href="#">修改用户</a>For循环
    <tr onMouseDown="trSelect(<%=rs("UserID")%>)"><td>内容</td></tr>
    Next
    <%=rs("UserID")%>是asp获取数据库变量的值,如果UserID的值为1,结果为
    <tr onMouseDown="trSelect(1)"><td>内容</td></tr>
    点击之后按扭变成:<a id="EditButtonUrl" href="xxx.asp?id=1">修改用户</a>
      

  4.   

    这个e是什么?不好意思 我是对JS不太懂得。所以问的比较多。我在HTML里面测试的 可以 可是要放到项目当中 总是 提示有错误  已经把JS_table 改成了我table的ID了 可是还是运行提示错误。
      

  5.   


    这个e是什么?不好意思 我是对JS不太懂得。所以问的比较多。我在HTML里面测试的 可以 可是要放到项目当中 总是 提示有错误 已经把JS_table 改成了我table的ID了 可是还是运行提示错误。
      

  6.   

    问题解决了 使用jquery 代码如下
    首先在 按钮事件的方法体外 写
       $(function() {
        $("tr.datarow").click(function() {
        $("#checkedRow").removeAttr("id");
        $(this).attr("id","checkedRow");
        });
       });上面代码datarow是我给需要的那一列TR 中的一个ID 在该JS中获取之后给他一个click事件 
    上面代码写完之后再到按钮事件方法中写
    var orderNo = $("#checkedRow").find("input[name='orderNo']:first").val();这样就可以实现 先点击表格中的一行 然后点击按钮 就会获取 刚才选择的那个表格一行中的第一列中的编号了。希望遇到一样问题的朋友看到之后可以解决。