有javascript精通：点击添加增加一行(可编辑状态)

xiaocaitongzhi 2011-04-27 04:28:57

添加按钮

姓名电话籍贯是否开通权限操作
张三 111 北京是长途修改删除以其他方式登录
李四 121 山西否市内修改删除以其他方式登录

这是表格显示的内容如果点击"添加“按钮会在此表格下面也就是在李四后面添加一行
添加一行的内容都为可编辑状态

其中姓名为文本类型电话为文本类型籍贯为下拉框类型是否开通为radio类型权限为复选框类型
操作中的内容为固定的修改删除以其他方式登录。

用户输入完信息后点击保存,(进行相应的数据库操作)

如果用户点击修改按钮，那么关于修改的这行都为可编辑状态 (显示的时候这行都是不可编辑状态)也就是说
点击修改后这行都为可编辑状态。

不知道有没有javascript高手能实现此功能吗？？？？在此多谢各位了

...全文

582 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

柚木卤鹅 2013-08-27

打赏
举报

参考下，留个脚印。

dbj13141314520 2011-09-13

打赏
举报

5楼火狐不兼容，什么情况？高手们看看！

nofengzi 2011-04-28

打赏
举报

这样例子应该不难吧？很久以前搞过……

androidmvc 2011-04-28

打赏
举报

本来想帮你的。。你的这个需求和我在学校时候自己做的项目一样。。看了

5 楼得。。觉得应该可以满足你的需求。。。

先试试五楼的吧。。不行的话在联系我。。

happysmhzp 2011-04-28

打赏
举报

[Quote=引用 5 楼 just9doit 的回复:]
简单的例子，希望能帮到LZ.

<html>

<head>
<title>js-sample</title>

<script type="text/javascript">
<!--
var count = 1;
function add() {
var tbl = document.all.ci;
var rows = tbl.rows.length;
……
[/Quote]

顶一下

just9doit 2011-04-28

打赏
举报

简单的例子，希望能帮到LZ.

<html>

<head>
<title>js-sample</title>

<script type="text/javascript">

</script>
</head>

<body>

<input type="button" onclick="add()" value="Add-Customer">

<table border="1" style="width:100%" id="ci" name="ci">
<caption>customer information</caption>
<thead>
<tr>
<th>Name</th>
<th>Tel</th>
<th>Radio</th>
<th>CheckBox</th>
<th> </th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" value="Zhang San"></td>
<td><input type="text" value="111"></td>
<td>
<input type="radio" value="0" name="rdo">Yes <input type="radio" value="1" name="rdo">No
</td>
<td>
<input type="checkbox" value="0" name="chk">Modify <input type="checkbox" value="1" name="chk">Delete
</td>
<td>
<input type="button" onclick="del(this)" value="Delete">
</td>
</tr>
</tbody>
</table>

</body>

qemperor 2011-04-28