日期:2014-05-17  浏览次数:20757 次

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

添加按钮

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

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

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

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

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

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


------解决方案--------------------
帮朋友做个类似的功能..................
------解决方案--------------------
extjs 可轻松实现
------解决方案--------------------
你想用js完成?  这样吧?点击按钮后 js提交到Servlet  让servlet来处理对数据库数据的增加操作 ;
------解决方案--------------------
实现是可以没有问题啊
DOM的操作
这个一定是在table吧
然后加行加列 就可以了
------解决方案--------------------
简单的例子,希望能帮到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;
  var tr = tbl.insertRow(rows);