table动态获取数据库生成单元格 用JS

1首先我们需要导入JS库文件。

1

<script src="/js/jqui/jquery/jquery-152minjs" type="text/javascript"></script>

2然后在页面div中事先创建一个空白表格，可以根据需求而定，我这里是一个带表头的表格

1

2

3

4

5

6

7

8

9

10

<table border="0" style="text-align: center;" width="100%" id="myTable">

<tr>

<td width="150px;">表头1</td>

<td width="150px;">表头2</td>

<td width="150px;">表头3</td>

<td width="150px;">表头4</td>

<td width="150px;">表头5</td>

<td width="150px;"> *** 作</td>

</tr>

</table>

3表格创建好后，我们就可以写动态生成表格的关键代码了。我们写一个js方法供触发使用

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

var num = 0;

function addTable(){

var tableHtml ="";

tableHtml += '<tr id="tr'+num+'">'

+'<td><input class="addtd" id="cnashu1'+num+'" style="width:150px;" type="text" name="cnashu1" /></td>'

+'<td><input class="addtd" id="cnashu2'+num+'" style="width:150px;" type="text" name="cnashu2"/></td>'

+'<td><input class="addtd" id="cnashu3'+num+'" style="width:150px;" type="text" name="cnashu3"/></td>'

+'<td><input class="addtd" id="cnashu4'+num+'" style="width:150px;" type="text" name="cnashu4"/></td>'

+'<td><input class="addtd" id="cnashu5'+num+'" style="width:150px;" type="text" name="cnashu5"/></td>'

+'<td><a style="cursor: pointer; color: blue;" onclick="removeTr('+num+')">删除</a>'

+'<a id="edit'+num+'" class="edit" styl >

以上就是关于table动态获取数据库生成单元格 用JS全部的内容，包括:table动态获取数据库生成单元格 用JS、js 用createElement新建了一个select元素，然后向select的option中添加数据库中数据，如何 *** 作急!!!!、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！