JS获取表格的值，谁有代码呢？

JS获取表格的值，谁有代码呢？

解决方案 »

  1.   

    td或td里面的div或span 等加个id,假如id为td_id
    用js取文本就是document.getElementById('td_id').innerText
    取html就是document.getElementById('td_id').innerHTML
      

  2.   


    <html><head>
    <script language="javascript">
        
     function getTDContent(){
      var content=document.getElementById('td_id').innerText;
      alert(content);
      }   
    </script> 
    </head>
    <body>
     <table border="1" width="100"><tr hight='50'><td onclick="getTDContent();" id="td_id">34141414</td></tr></table>
    </body></html>
      

  3.   

    js操作表格的<SCRIPT>

    $(function(){
     var parent;
     //移动层的位置
     xOffset = 80;
             yOffset = 110;
     //加载时，隐藏层
     $("#ts").hide();
     //初始化隐藏域的值
     $("#buyInfo").val("");
     //选中单过单元格
     $("td[bgColor=#ff7fd4]").toggle(
                function () {
    if($(this).attr("flag")!="true"){
          $(this).attr("flag","true");
                      $(this).css("background","red");
    }else{
      $(this).attr("flag","false");
      $(this).css("background","#ff7fd4");
    }
                   },
      function () {
    $(this).attr("flag","false");
    $(this).css("background","#ff7fd4");
      }
              );
      //选中一行单元格
       $("td[class=a]").toggle(
                  function () {
    parent=$(this).siblings().find("a").parent("td");
        parent.attr("flag","true");
                    parent.css("background","red");
                   },
      function () {
     parent=$(this).siblings().find("a").parent("td");
     parent.attr("flag","false");
     parent.css("background","#ff7fd4");
      }
              );
      //隐藏层，显示层
      $("td[bgColor=#ff7fd4]").find("a").hover(
      function (e) {
      parent=$(this).parent("td");
    if(parent.attr("flag")!="true"){
    parent.attr("flag","false");
    parent.css("background","red");
    }
    $("#seat").html(parent.attr("id")+"行"+$(this).text()+"排");
    $("#ts").css("top",(e.pageY -yOffset) + "px").css("left",(e.pageX -xOffset) + "px").show();
      },
      function () {
    parent=$(this).parent("td");
    if(parent.attr("flag")!="true"){
    parent.css("background","#ff7fd4");
    }
    $("#ts").hide();
      }
     ); 
     //购买
     $("#buy").bind("click",function(){
     var str="";
     $("td[flag=true]").each(function(){
    str+=$(this).attr("id")+",";
     })
     str=$.trim(str.substring(0,str.length-1));
     if(str==""){
     alert("您还没有选择任何座位,不能购买!");
     return;
     }
     $("#buyInfo").val(str);
     alert($("#buyInfo").val());
     $("#buyForm").submit();
     });
    });

    </SCRIPT>
      

  4.   

    js获取表格一行的值1.js方法$(function(){
    var td;
    var parent;
    var str;
    $("a[class=a]").click( function () {
     str="";
     td=$(this).parent();
     parent=$(this).parent().siblings();
     parent.each(function(){
    str+=td.prev().text()+",";
    td=td.prev();
     })
     str=$.trim(str.substring(0,str.length-1));
    }); 
    });
    2.表格    <table>
            <tr >
              <td >是否预售</td>
              <td >买票</td>
            </tr>
            
            <tr>
                 <td>是</td>
                 <td><a href="#" class="a" title="我要买票">链接</a></td>
            </tr>
           
          </table>
      

  5.   


    firefox是用js取文本就是document.getElementById('td_id').contentText