JSP中使用JavaScript动态插入删除输入框实现代码


Posted in Javascript onJune 13, 2014

JavaScript代码:

<script language="javascript"> 
function addrows(){ 
var len = optionlist.rows.length; //得到table的行数 
var obj = optionlist.insertRow(len);//在最后一行插入 
/**插入第一列**/ 
obj.insertCell(0); 
obj.cells(0).innerHTML="选项" + (len+1) + ":<input type=text name=option size=28>"; 
} 
function deleterow(){ 
var len = optionlist.rows.length; 
if(len <= 1) { 
alert("至少要有一个选项"); 
} 
else { 
optionlist.deleteRow(len-1);//删除最后一项 
} 
} 
function getOptionCount(){ 
return optionlist.rows.length; 
} 
</script>

Jsp页面中的关键代码
<input type="button" id="bt1" value="添加选项" onClick="addrows();"> 
<input type="button" id="bt2" value="删除选项" onClick="deleterow();">

设置table的id以便JavaScript中能识别该table
<table id="optionlist"> 
</table>
Javascript 相关文章推荐
地址栏上的一段语句,改变页面的风格。(教程)
Apr 02 Javascript
IE innerHTML,outerHTML所引起的问题
Jun 04 Javascript
JS 自定义函数缺省值的设置方法
May 05 Javascript
Javascript 构造函数详解
Oct 22 Javascript
JavaScript实现的内存数据库LokiJS介绍和入门实例
Nov 17 Javascript
jQuery实现鼠标经过弹出提示信息的地图热点效果
Aug 07 Javascript
JS使用eval解析JSON的注意事项分析
Nov 14 Javascript
JQuery 的跨域方法推荐_可跨任何网站
May 18 Javascript
Fetch超时设置与终止请求详解
May 18 Javascript
微信小程序模板消息限制实现无限制主动推送的示例代码
Aug 27 Javascript
微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能
Sep 26 Javascript
js get和post请求实现代码解析
Feb 06 Javascript
jquery 新建的元素事件绑定问题解决方案
Jun 12 #Javascript
js动态往表格的td中添加图片并注册事件
Jun 12 #Javascript
jQuery中多个元素的Hover事件解决方案
Jun 12 #Javascript
js获取当前页面的url网址信息
Jun 12 #Javascript
jquery 3D 标签云示例代码
Jun 12 #Javascript
javascript面向对象特性代码实例
Jun 12 #Javascript
如何让浏览器支持jquery ajax load 前进、后退功能
Jun 12 #Javascript
You might like
造势之举?韩国总统候选人发布《星际争霸》地图
2017/04/22 星际争霸
PHP常用技巧总结(附函数代码)
2012/02/04 PHP
使用php记录用户通过搜索引擎进网站的关键词
2014/02/13 PHP
PHPThumb图片处理实例
2014/05/03 PHP
php将HTML表格每行每列转为数组实现采集表格数据的方法
2015/04/03 PHP
PHP中字符与字节的区别及字符串与字节转换示例
2016/10/15 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
jqGrid随窗口大小变化自适应大小的示例代码
2013/12/28 Javascript
减少访问DOM的次数提升javascript性能
2014/02/24 Javascript
JavaScript实现列出数组中最长的连续数
2014/12/29 Javascript
javascript实现html页面之间参数传递的四种方法实例分析
2015/12/15 Javascript
JavaScript中数组添加值和访问值常见问题
2016/02/06 Javascript
Javascript之BOM(window对象)详解
2016/05/25 Javascript
AngularJS模板加载用法详解
2016/11/04 Javascript
nodejs和php实现图片访问实时处理
2017/01/05 NodeJs
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
2018/03/15 Javascript
jQuery超简单遮罩层实现方法示例
2018/09/06 jQuery
使用python绘制人人网好友关系图示例
2014/04/01 Python
Python下的Softmax回归函数的实现方法(推荐)
2017/01/26 Python
python中 logging的使用详解
2017/10/25 Python
对python打乱数据集中X,y标签对的方法详解
2018/12/14 Python
利用Pyhton中的requests包进行网页访问测试的方法
2018/12/26 Python
Python中断多重循环的思路总结
2019/10/04 Python
使用Rasterio读取栅格数据的实例讲解
2019/11/26 Python
对tensorflow 中tile函数的使用详解
2020/02/07 Python
Python run()函数和start()函数的比较和差别介绍
2020/05/03 Python
Python-jenkins模块之folder相关操作介绍
2020/05/12 Python
Python基础教程(一)——Windows搭建开发Python开发环境
2020/07/20 Python
Onzie官网:美国时尚瑜伽品牌
2019/08/21 全球购物
传统软件工程与面向对象的软件工程有什么区别
2012/05/31 面试题
小学教师的个人自我鉴定
2013/10/26 职场文书
职工食堂管理制度
2015/08/06 职场文书
股权投资协议书
2016/03/23 职场文书
餐厅如何利用“营销策略”扭转亏本局面
2019/10/15 职场文书
MySQL之select、distinct、limit的使用
2021/11/11 MySQL
redis数据结构之压缩列表
2022/03/21 Redis