HTML+JS怎样来实现可编辑表格.pdfVIP

HTML+JS实现可编辑表格 博客分类： JavaScript htmljavascriptcss 实现可视化编辑表格操作... HTML文件: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN html xmlns=/1999/xhtml head title编辑表格数据/title style type=text/css !-- body,div,p,ul,li,font,span,td,th{ font-size:10pt; line-height:155%; } table{ border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; } td{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } .EditCell_TextBox { width: 90%; border:1px solid #0099CC; } .EditCell_DropDownList { width: 90%; } -- /style /head body h3可编辑的表格/h3     tr /td EditType=DropDownList 名称/td 量/td /td Expression=Amount*Price Format=#, #.00合计/td     /tr     tr name=checkbox2 value=checkbox //td       td bgcolor=#FFFFFF1/td       td bgcolor=#FFFFFF Value=cC/td       td bgcolor=#FFFFFF0/td       td bgcolor=#FFFFFF0/td       td bgcolor=#FFFFFF0/td     /tr     tr name=checkbox22 value=checkbox //td       td bgcolor=#FFFFFF2/td       td bgcolor=#FFFFFF Value=dD/td       td bgcolor=#FFFFFF0/td       td bgcolor=#FFFFFF0/td       td bgcolor=#FFFFFF0/td     /tr /table br / input type=button name=Submit value=新增 input type=button name=Submit2 value=删除 input type=submit name=Submit3 value=提交 /form script language=javascript // 设置表格可编辑 // 可一次设置多个，例如：EditTables(tb1,tb2,tb2,) EditTables(tabProduct); /script /body /html //下面为引入所用的JS GridEdit.js /** * JS实现可编辑的表格  * 用法:EditTables(tb1,tb2,tb2,); * Create by Senty at 2008-04-12 **/ //设置多个表格可编辑 function EditTables(){ for(var i=0;iarguments.length;i++){    SetTableCanEdit(arguments[i]); } } //设置表格是可编辑的 function SetTableCanEdit(table){ for(var i=1; itable.rows.length;i++){