JSP中使用JavaScript动态插入删除输入框实现代码
2014-06-13 00:00
896 查看
JavaScript代码:
Jsp页面中的关键代码
设置table的id以便JavaScript中能识别该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>
相关文章推荐
- JSP中使用JavaScript动态插入删除输入框实现代码
- JSP中使用JavaScript动态插入删除输入框
- 使用JAVASCRIPT实现动态增加、删除选择项
- 使用javascript操作多选列表框,实现动态增加删除,左右移动,上下排序移动等功能。
- 使用JAVASCRIPT实现动态增加、删除选择项
- javascript对talbe进行动态添加、删除、验证实现代码
- 一个页面实现修改删除列表显示,ajax动态生成table(使用ajax,springmvc,jsp)
- javascript中使用splice方法轻松实现对数组元素的插入、删除、替换
- javascript对talbe进行动态添加、删除、验证实现代码
- JavaScript动态实现表格添加、删除、插入、上移、下移一行功能
- JavaScript插入动态样式实现代码
- 使用JavaScript动态设置样式实现代码及演示动画
- 使用JavaScript动态设置样式实现代码(2)
- JavaScript动态追加/删除输入框基本实现方式
- JavaScript插入动态样式实现代码
- 使用JavaScript动态设置样式实现代码及演示动画
- 使用JavaScript动态设置样式实现代码(2)
- 使用javascript DOM实现动态实现删除表格
- 使用Javascript动态增加,删除表格(使用DHTML对象模型)
- javascript实现仿银行密码输入框效果的代码