当前位置: 首页 > 编程笔记 >

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

路裕
2023-03-14
本文向大家介绍JSP中使用JavaScript动态插入删除输入框实现代码,包括了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> 
 类似资料:
  • 现在做的是动态编辑菜单 我想给这个菜单添加svg代码用作图标,但是我发现动态添加的svg代码是不会被识别的。 (Icon是自己封装的) 静态的svg代码就可以被识别 动态的就原样的打印出来了

  • 本文向大家介绍JavaScript动态提示输入框输入字数的方法,包括了JavaScript动态提示输入框输入字数的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript动态提示输入框输入字数的方法。分享给大家供大家参考。具体如下: 在QQ空间里有小纸条那么一个功能,随着你在文本框中输入多少字,上面会动态提示你“已经输入多少字”和“还可以输入多少字”,觉得挺好的,所以自己也

  • 本文向大家介绍使用jQuery将多条数据插入模态框的实现代码,包括了使用jQuery将多条数据插入模态框的实现代码的使用技巧和注意事项,需要的朋友参考一下

  • 本文向大家介绍VUE.js实现动态设置输入框disabled属性,包括了VUE.js实现动态设置输入框disabled属性的使用技巧和注意事项,需要的朋友参考一下 需求背景 页面从list列表展示,跳转到新增和修改的时候,新增和修改用的是同一个页面:add-or-update.vue。 修改的时候用户的账号不能修改,因此需要将账号的输入框属性设置为"只读"。 代码样例 dataForm.id初始值

  • 问题内容: 我当前正在加载灯箱样式弹出窗口,该弹出窗口将从XHR调用中加载HTML。然后,使用“ 这就像一个超级按钮”在“模式”弹出窗口中显示此内容。 在该网站的另一部分中,我使用Flickr’徽章’(http://www.elliotswan.com/2006/08/06/custom-flickr- badge-api-documentation/ )动态加载flickr图像。这是通过包含一个

  • 本文向大家介绍PowerShell中使用ArrayList实现数组插入、删除、添加例子,包括了PowerShell中使用ArrayList实现数组插入、删除、添加例子的使用技巧和注意事项,需要的朋友参考一下 PowerShell中对数组进行插入、删除、添加数组元素的操作是很不方便,而且效率也是很低下的。那是因为数组对象本身并没有插入和删除的功能,每次的操作都是将数组整个拷贝到一个新的数组中。这个过