jquery实现自动添加table表格及内容

原创 2012年03月22日 20:15:44
//table 实现tabe表格中tr td的自动添加
<style type="text/css">
table{
    width:500px;
    border:1px solid #FFF;
    border-collapse:collapse;
    }
table tr
        {
        border:1px #FFF solid;
        }
table tr td
        {
        border:1px #FFF solid;
        }
</style>
<script type="text/javascript" language="javascript" src="../../jquery-1.7.1.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
    
    $("#tijiao").click(function(){
        //获取用户名
        var $user=$("#user").val();
        //获取email
         var $email=$("#email").val();
        //获取电话号
        var $tel=$("#telephone").val();
        var $tr=$("<tr><td>"+$user+"</td><td>"+$email+"</td><td>"+$tel+"</td><td><a href='javascript:void(0)' class='a'>删除</a></td></tr>");
        //alert($tr);
        $tr.appendTo("#table1");
        $(".a").click(function(){
            $(this).parent().parent().remove();
            });
        });
        
    
    });

</script>
</head>
<body>
<div style="width:700px; height:300px; background:#999; margin:auto">
<p style="margin-left:300px">添加用户</p>
姓名:<input type="text" id="user"> email<input type="text" id="email"> 电话<input type="text" id="telephone"><br>
<input type="button" id="tijiao" value="提交" align="middle" style="margin-left:300px;">
<hr>
<table align="center"  border="1" id="table1">
<tr><th>姓名</th><th>email</th><th>电话</th></tr>
</table>
</div>





版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

最简单的jQuery创建表格

最简单的jQuery创建表格         利用jQuery创建表格、主要是用到jQuery的两个方法:appendTo($("#nodeId"))、append(“html”) 、先使用jQuer...

jquery ajax自动生成表格table(一)

自己参与的项目需要在查询的时候通过异步操作,来把数据添加到table中,就暂时用这个方法替代了一下

Jquery实现表格行的添加、删除

最近做一个投票管理的模块,需要添加问题选项,为了方便,就简单地实现了表格行的添加、删除。 注:需引入jquery.js 先上效果图:(form中默认有4行) 表单...

一个简单的jQuery例子,动态添加表格和删除

一个简单的jQuery例子,动态添加表格和删除

利用jquery给指定的table动态添加一行、删除一行

$("#mytable tr").find("td:nth-child(1)") 1表示获取每行的第一列 $("#mytable tr").find("td:nth-child(3)") 3表示获取...

jQuery 往table添加新内容有以下四个方法:

jQuery 添加新内容有以下四个方法: append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选...
  • mggwct
  • mggwct
  • 2016-08-01 18:13
  • 3700

JQuery datatables 给表格添加加载中效果

JQuery datatables 中如果有很多数据的话,加载就会很慢,这时候就需要使用加载中的效果,而datatables是提供了加载中的属性的:processing,加载中的style样式也是 可...

ajax异步获取数据后动态向表格中添加数据(行)

ajax js 动态添加数据 table

jquery ajax自动生成表格table基础

本文转自:http://blog.csdn.net/chunqiuwei/article/details/10160587 首先在jsp页面设定一个table骨架,首先把该table的dis...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)