JSP中使用JavaScript动态插入删除输入框实现代码
更新时间：2014年06月13日 09:00:01 投稿：whsnow
这篇文章主要介绍了JSP中如何使用JavaScript动态插入删除输入框,需要的朋友可以参考下
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>
复制代码 代码如下:
<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>
相关文章
在工控机触摸屏中,通过浏览器web端进行表单输入,当聚焦表单输入框并不会出现虚拟键盘进行输入,本文介绍将给大家介绍如何通过js调用工控机(Windows)虚拟键盘,文中通过代码示例介绍的非常详细,需要的朋友可以参考下2024-01-01
这篇文章主要介绍了提升PHP安全：8个必须修改的PHP默认配置,PHP.ini中的默认配置是面向开发者的,如果是生产环境是必须要修改一些配置的,需要的朋友可以参考下2014-11-11
这篇文章主要介绍了JavaScript导出Excel的方法,以实例形式详细分析了javascript将WEB页面导出为EXCEL文档的方法及相关的技巧说明,对于深入了解javascript编程原理有一定的借鉴价值,需要的朋友可以参考下2014-11-11
这篇文章介绍了JavaScript实现页面跳转的八种方式，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-06-06
JavaScript String(字符串)对象的简单实例(推荐)
下面小编就为大家带来一篇JavaScript String(字符串)对象的简单实例(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
本文主要介绍了js定时器不准确问题的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-06-06
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
这篇文章主要介绍了Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置 ,需要的朋友可以参考下2018-10-10
本篇文章主要是对javascript获取iframe里页面中元素值的方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
本文主要介绍了js实现前端分页页码管理的具体方法。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
Javascript 修改String 对象 增加去除空格功能(示例代码)
这篇文章主要介绍了Javascript 修改String 对象 增加去除空格功能(示例代码)。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
最新评论