社区
JavaScript
帖子详情
js的动态增减控件的问题
Nicok
2003-09-03 05:50:45
我的问题还是js的动态增减控件的问题——
一次需要增加(如下):
名称:(text) //用户写名称
说明:(textarea) //用户填写说明
然后点击"增加",可以以上所有的一次,变成:
名称:(text)
说明:(textarea)
名称:(text)
说明:(textarea)
点击"删除",删掉最后的添加的,变成
名称:(text)
说明:(textarea)
然后提交后,在jsp里取用户填入的值。
...全文
122
1
打赏
收藏
js的动态增减控件的问题
我的问题还是js的动态增减控件的问题—— 一次需要增加(如下): 名称:(text) //用户写名称 说明:(textarea) //用户填写说明 然后点击"增加",可以以上所有的一次,变成: 名称:(text) 说明:(textarea) 名称:(text) 说明:(textarea) 点击"删除",删掉最后的添加的,变成 名称:(text) 说明:(textarea) 然后提交后,在jsp里取用户填入的值。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
形印声传
2003-09-03
打赏
举报
回复
<div id=div></div>
<input type=button value=add onclick=add()>
<input type=button value=del onclick=del()>
<script>
function add()
{ var i=0;
var e = document.createElement("input");
var a = document.createElement("textarea");
e.type = "text";
e.name = "txt"+i;
e.value = "HueVan";
a.value="this is HueVan's textarea";
a.name= "ta" + i;
document.all("div").appendChild(e);
document.all("div").appendChild(a);
i++
}
function del(){
var i=1;
var ee=document.getElementByName(eval("txt"+i));
var aa=document.getElementByName(eval("ta"+i));
document.all("div").removeNode(ee,i);
document.all("div").removeNode(aa,i);
}
</script>
关于javascript
动态
增减
控件
的一些想法和小插件
去年做项目时遇到一个模块,需要能够
动态
的
增减
控件
。当初第一个解决方案是用UpdatePanel做页面的局部更新。由于页面很大,而且
控件
非常多,当
动态
增加的
控件
非常多的时候,会变得很慢。后来就想着用javascript做
动态
的
增减
控件
,最后在提交页面的时候搜集页面
控件
的数据,效果很棒,但是由于当时仅仅是为那一个模块做,所以扩展性很差,而且那时写javascript代码非常复杂,仅仅为了
动态
增减
的效果...
JavaScript
动态
添加和删除
控件
方法一: input type="button" onClick="add();" value="添加
控件
">div id="a">div>script>var num=0;function add()...{alert(window.document.getElementById("a").innerHTML);window.document.getElementById("a").
JavaScript实现
动态
添加或减少文件上传
控件
动态
添加或减少文件上传
控件
效果 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>
动态
添加文件上传列表</title> <script type="text/java...
Vue2-封装一个含所有表单
控件
且支持
动态
增减
行列的表格组件
本文介绍了一个基于Element UI的
动态
表格组件,主要实现了三种核心功能:1) 根据用户权限显示普通表格或可编辑表格;2)支持
动态
新增行和列;3)提供丰富的表单
控件
支持。无权限时显示只读表格,有权限时则嵌入表单
控件
实现编辑功能。组件通过条件渲染区分权限状态,并封装了行/列
增减
、数据校验等核心方法。表格支持多种表单
控件
类型(输入框、选择器、日期选择等)和自定义插槽,同时保持了对Element Table原有功能的兼容性。该组件通过严格的数据绑定和事件机制确保数据一致性,并优化了性能避免不必要的重渲染。
动态
增减
页面Html
控件
<form name="formAddDropOrder" action="dropshipping.html?type=2" method="post"><table width="760" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td height="30"&...
JavaScript
87,987
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章