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>
相关文章
这篇文章主要介绍了微信小程序实现人脸识别登陆的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要为大家整理了18个JavaScript优化冗余代码的技巧，文中的示例代码简洁易懂，具有一定的借鉴价值，感兴趣的小伙伴可以了解一下2023-08-08
这篇文章主要为大家详细介绍了Bootstrap选项卡学习笔记，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
这篇文章主要给大家介绍了关于uniapp表单校验的相关资料,Uni-app内置了一些表单验证方法,可以帮助我们对表单进行有效的验证,需要的朋友可以参考下2023-10-10
这篇文章主要介绍了使用百度地图api实现根据地址查询经纬度的方法，附上实例，推荐给有需要的小伙伴们。2014-12-12
本文给大家介绍两种JavaScript判断数组重复内容的方法(推荐)非常不错具有参考借鉴价值，感兴趣的朋友一起看看吧2016-06-06
这篇文章主要介绍了js图片轮播效果实现代码，文章对每一步进行了详细阐述，标注注意事项，为顺利实现js图片轮播效果做好铺垫，对轮播效果感兴趣的朋友可以参考一下2015-11-11
这篇文章主要介绍了JS选项卡动态替换banner图片路径的方法,涉及javascript操作文件css样式的相关技巧,非常简单实用,需要的朋友可以参考下2015-05-05
在文章里小编给大家整理的是关于javascript数组的定义及操作的相关知识点，需要的朋友们学习下。2019-11-11
JavaScript默认的时间格式我们一般情况下不会用，所以需要进行格式化，下面小编给大家带来了三种js date对象格式化实例代码，需要的朋友参考下吧2017-09-09
最新评论