我现在需要用jquery动态的创建一张表格!~
有两个文本框,一个事编号,一个事姓名;还有一个添加按钮
当点击添加按钮的时候就将文本框的数据用表格显示出来,不能刷新页面!~
急急急!~
帮帮忙!

解决方案 »

  1.   

        <script type="text/javascript" src="jquery-1.3.2.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#button").click(function(){
                    $("#tb").find("tr").each(function(){
                        $(this).remove();
                    });
                });
                $("#button1").click(function(){
                    var table="<table>";
                    
                    table+="<tr>";
                    table+="<td>";
                    table+="<input type='text' id='name' />";
                    table+="</td>";
                    table+="</tr>";
                    
                    table+="<tr>";
                    table+="<td>";
                    table+="<input type='button' id='show' value='显示' />";
                    table+="</td>";
                    table+="</tr>";
                    
                    table+="</table>";
                    
                    $(table).appendTo($("div"));
                    
                    $("#show").click(function(){
                        var table="<table>";
                        table+="<tr>";
                        table+="<td>";
                        table+=$("#name").val();
                        table+="</td>";
                        table+="</tr>";
                        table+="</table>";
                        $(table).appendTo($("div"));
                    });
                });
            });
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <table id="tb">
            <tr><td>aaaaaaa</td></tr>
            <tr><td>bbbbbbb</td></tr>
            <tr><td>ccccccc</td></tr>
            <tr><td>ddddddd</td></tr>
            <tr><td>eeeeeee</td></tr>
        </table><br />
        <input type="button" id="button" value="button" />
        <input type="button" id="button1" value="添加表格" />
        </form>