table中JS选取行列

<table border="1" align="center" style="width: 500px" id="doctorTable">
            <tr>
                <th>医疗保障人员</th>
                <th>联系方式</th>
                <th>操作</th>
            </tr>
            <tr >
                <td><input style="width: 170px" id="name2" name="name" required="required"/></td>

                <td><input style="width: 170px" id="phone2" name="phone" required="required"/></td>

                <td><input type="button" value="删除" style="width: 80px"
                    onclick="delDoctorTr(2)" /></td>
            </tr>
        </table>
//html
<script type="text/javascript">
        function addDoctorTr() {
            var html = "<tr id=‘tr2‘>" +$("#doctorTable tr:eq(1)").html() + "</tr>";
            m = doctorTable.rows.length;
            n = m + 1;
            html = html.replace(id="name2",id="name"+n);
            html = html.replace(id="phone2",id="phone"+n);
            html = html.replace(onclick="delDoctorTr(2)",onclick="delDoctorTr"+"("+n+")");
            $("#doctorTable ").append(html);
        }
        function delDoctorTr(n) {
            length = $("#doctorTable tr").length;
            if (length > 2) {
                m = n -1;
                alert($("#doctorTable tr:eq"+"("+m+")").html());
                $("#doctorTable tr:eq"+"("+m+")").remove();
            } else {
                jBox.tip("至少保留一行!");
            }
        }
    </script>

//js//doctorTable.rows.length 获取ID为doctorTable的所有的行数//templateTable.rows[0].cells.length 获取ID为templateTable的表格的第一行的有几列//$("#doctorTable tr:eq(1)").html() 第一行的代码

 
时间: 2024-10-11 04:23:29

table中JS选取行列的相关文章

《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中

http://blog.csdn.net/mazhaojuan/article/details/8599167 先看一下我要实现的功能界面: 这篇文章主要介绍:后台一般处理程序把从数据库查找的数据,转换成JSON,然后传递到前台JS文件中,JS解析JSON数据,并将数据显示在界面,主要介绍两种显示方式,显示在DropDownList控件 or 显示在动态创建的Table表中.   本文主要介绍两个地方: 1.根据学年查询学期信息的实现--JS将解析的JSON数据绑定到DropDownList框

js导出table中的EXCEL总结

导出EXCEL一般是用PHP做,但是项目中,有时候PHP后端工程师返回的数据不是我们想要的,作为前端开发工程师,把对应的数据编号转换为文字后,展示给用户,但是,需求要把数据同时导出一份EXCEl.无奈之下,我只能用js导出table中的数据了. 导出EXCEl一般是自己人用的,所以用js导出,因为js导出EXCEL一般情况下兼容性不是很好,很多只是兼容IE浏览器,还要设置在工具栏中进行设置才能导出,因为会相对比较烦.下面介绍几种方法: 一.js导出EXCEl带单元格合并[已验证,比较好用] //

【2017-06-29】在登录页面自动返回上次请求页面、Js获取table中的行数与列数

一.在登录页面自动返回上次请求页面 Request.UrlReferrer比如 if (Request.UrlReferrer != null) { //如果能获取来路地址 Response.Redirect(Request.UrlReferrer.ToString());} else { //没有来路地址 Response.Redirect("index.aspx"); 二.Js获取table中的行数与列数 var table =document.getElementById(&qu

HTML JS获取到table中所有的input的值 传递到前端

1.获取table对象 2.行循环.列循环然后遍历每一个格子里面的input值 3.用连接符连接 4.放置到form的隐藏域里面. 5.传递到后台. js代码:注意:1.input必须跟[0]否则无法取出值  2.在JS的双引号里面不能在用""改成''而且{}在引号里也会被识别报错.将字符串传回后台处理即可 function GetInfoFromTable() { var tableInfo = ""; var tableObj = document.getEle

js在table中添加tbody块,方便整块的添加和删除

利用js在table中添加tbody块,方便整块的添加和删除,以下为添加. <table width="400" border="1" cellspacing="0" cellpadding="0" id="table1"> </table> <script language="javascript"> var value = "内容&quo

js的传值,table中tr的遍历,js中动态创建数组

1.这里关键是对页面中的传值,其次是动态的创建一个数组,用来存值 $(val).css("background-color", "rgb(251, 248, 233)");//取消选中var ary;if (crival_number.indexOf(fnumber) > 0) { var fnumbers = crival_number.split(",");//然后做的操作便是从crival_number中去掉相对应的numberary

js遍历table中的每一个元素

function GetInfoFromTable(tableid) { var tableInfo = ""; var tableObj = document.getElementById(tableid); for (var i = 0; i < tableObj.rows.length; i++) { //遍历Table的所有Row for (var j = 0; j < tableObj.rows[i].cells.length; j++) { //遍历Row中的每

将JSON数组显示前台Table中

将JSON数组显示前台Table中 在最近的学习中遇到一个小问题,如何把JSON数组显示在前台的table中,经过一番借鉴和学习之后终于解决了这个问题.具体的代码如下: (前提:利用ajax获取过来的JSON字符串必须是规范的,这样才能解析正确.后台获取数据库中数据的代码省略了) 1.前台JS代码(使用之前引入JQuery的js库文件) $.ajax({ type: "GET", url: "UserList.ashx?Action=List",//利用ajax请求

Jquery Ajax 异步设置Table中某列的值

可根据table中某列中的ID去改变某列的值! JS: 1 $(document).ready(function () { 2 setTimeout(GetDate, 1000); 3 4 }); 5 6 function GetDate() { 7 $("#tbData tbody").find("tr").each(function () { 8 var prjectBalanceObj = $(this).find("td:eq(3)");