源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2021-07-30 10:10 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JSP中使用JavaScript动态插入删除输入框实现代码
JavaScript代码:
[u]复制代码[/u] 代码如下:
<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页面中的关键代码
[u]复制代码[/u] 代码如下:
<input type="button" id="bt1" value="添加选项" onClick="addrows();"> <input type="button" id="bt2" value="删除选项" onClick="deleterow();">
设置table的id以便JavaScript中能识别该table
[u]复制代码[/u] 代码如下:
<table id="optionlist"> </table>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部