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 相关文章推荐
总结一些js自定义的函数
Aug 05 Javascript
jquery ui resizable bug解决方法
Oct 26 Javascript
使用AngularJS制作一个简单的RSS阅读器的教程
Jun 18 Javascript
js识别uc浏览器的代码
Nov 06 Javascript
javascript正则表达式定义(语法)总结
Jan 08 Javascript
使用ajaxfileupload.js实现上传文件功能
Aug 13 Javascript
Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案
Sep 15 Javascript
解决使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown require Popper.js问题
Aug 30 Javascript
setTimeout与setInterval的区别浅析
Mar 23 Javascript
使用Vue调取接口,并渲染数据的示例代码
Oct 28 Javascript
Vue 实现显示/隐藏层的思路(加全局点击事件)
Dec 31 Javascript
详解vue-router的导航钩子(导航守卫)
Nov 02 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
php初学者写及时补给skype用户充话费的小程序
2008/11/02 PHP
关于PHP递归算法和应用方法介绍
2013/04/15 PHP
php通过asort()给关联数组按照值排序的方法
2015/03/18 PHP
常见的四种POST 提交数据方式(小总结)
2015/10/08 PHP
PHP中加速、缓存扩展的区别和作用详解(eAccelerator、memcached、xcache、APC )
2016/07/09 PHP
js中cookie的使用详细分析
2008/05/28 Javascript
用JS判断IE版本的代码 超管用!
2011/08/09 Javascript
每天一篇javascript学习小结(Function对象)
2015/11/16 Javascript
JavaScript+html5 canvas实现本地截图教程
2020/04/16 Javascript
深入浅出ES6之let和const命令
2016/08/25 Javascript
JS获取年月日时分秒的方法分析
2016/11/28 Javascript
在网页中插入百度地图的步骤详解
2016/12/02 Javascript
JavaScript实现设置默认日期范围为最近40天的方法分析
2017/07/12 Javascript
js中Array对象的常用遍历方法详解
2019/01/17 Javascript
element form 校验数组每一项实例代码
2019/10/10 Javascript
JavaScript canvas绘制渐变颜色的矩形
2020/02/18 Javascript
vue实现给div绑定keyup的enter事件
2020/07/31 Javascript
手动实现把python项目发布为exe可执行程序过程分享
2014/10/23 Python
Python运维开发之psutil库的使用详解
2018/10/18 Python
解决python3 Pycharm上连接数据库时报错的问题
2018/12/03 Python
Python enumerate函数功能与用法示例
2019/03/01 Python
python自带tkinter库实现棋盘覆盖图形界面
2019/07/17 Python
Python实现bilibili时间长度查询的示例代码
2020/01/14 Python
python使用多线程+socket实现端口扫描
2020/05/28 Python
Windows下PyCharm配置Anaconda环境(超详细教程)
2020/07/31 Python
python 模拟登陆github的示例
2020/12/04 Python
PyQt5通过信号实现MVC的示例
2021/02/06 Python
美国农场商店:Blain’s Farm & Fleet
2020/01/17 全球购物
乐高瑞士官方商店:LEGO CH
2020/08/16 全球购物
连锁经营管理专业大学生求职信
2013/10/30 职场文书
学校师德师风整改方案
2014/10/28 职场文书
中班教师个人总结
2015/02/05 职场文书
社区三八妇女节活动总结
2015/02/06 职场文书
雷锋观后感
2015/06/10 职场文书
创业计划书之养殖业
2019/10/11 职场文书
浅谈Python魔法方法
2021/06/28 Java/Android