JSP中使用JavaScript动态插入删除输入框

来源：互联网发布：知乎神经性耳鸣5年编辑：程序博客网时间：2024/04/30 05:54

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>

0 0