100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 使用JavaScript实现页面选项自动添加行以及删除行 javaweb

使用JavaScript实现页面选项自动添加行以及删除行 javaweb

时间:2020-08-14 11:28:51

相关推荐

使用JavaScript实现页面选项自动添加行以及删除行 javaweb

独角兽企业重金招聘Python工程师标准>>>

<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html><head><basehref="<%=basePath%>"><linkrel="stylesheet"href="css/bootstraps.css"type="text/css"media="all"><linkrel="stylesheet"href="css/mcontainer.css"type="text/css"media="all"><title>管理员主页</title><metahttp-equiv="pragma"content="no-cache"><metahttp-equiv="cache-control"content="no-cache"><metahttp-equiv="expires"content="0"><metahttp-equiv="keywords"content="keyword1,keyword2,keyword3"><metahttp-equiv="description"content="Thisismypage"><!--<linkrel="stylesheet"type="text/css"href="styles.css">--></head><scriptlanguage="javascript">functionaddSelect(tbodyID){varbodyObj=document.getElementById(tbodyID);if(bodyObj==null){alert("BodyofTablenotExist!");return;}varrowCount=bodyObj.rows.length;varcellCount=bodyObj.rows[0].cells.length;varnewRow=bodyObj.insertRow(rowCount++);for(vari=0;i<cellCount;i++){varcellHTML=bodyObj.rows[0].cells[i].innerHTML;if(cellHTML.indexOf("none")>=0){cellHTML=cellHTML.replace("none","");}newRow.insertCell(i).innerHTML=cellHTML;}bodyObj.rows[rowCount-1].cells[0].innerHTML="选项"+rowCount+":";bodyObj.rows[rowCount-1].cells[1].innerHTML=bodyObj.rows[rowCount-1].cells[1].innerHTML.replace("value1","selectNames");}functionremoveSelect(inputobj){varbodyObj=document.getElementById("myTable");varrowCount=bodyObj.rows.length;if(rowCount==2)return;if(inputobj==null)return;varparentTD=inputobj.parentNode;varparentTR=parentTD.parentNode;varparentTBODY=parentTR.parentNode;parentTBODY.removeChild(parentTR);}</script><body><center><h3>添加投票</h3><formaction=""method="post"><tablewidth="50%"border="1"><tr><td>单选:</td><td><inputtype="radio"name="pattern"value="Single"/></td><td></td></tr><tr><td>多选:</td><td><inputtype="radio"name="pattern"value="Manay"/></td><td><labelstyle="color:red;">${patternError}</label></td></tr><tr><td>主题名:</td><td><inputtype="text"required="true"name="themeName"/></td><td><labelstyle="color:red;">${theme_SameName}</label></td></tr><tbodyid="myTable"><tr><td>选项1:</td><td><inputtype="text"required="true"id="values1"name="selectNames"/></td><tdalign="left"><inputtype=buttonvalue="删除选项"onclick="removeSelect(this)"/></td></tr><tr><td>选项2:</td><td><inputtype="text"required="true"id="values1"name="selectNames"/></td><tdalign="left"><inputtype=buttonvalue="删除选项"onclick="removeSelect(this)"/></td></tr></tbody><tr><td><inputtype=buttonvalue="增加选项"onclick="addSelect('myTable')"/></td><td></td><td></td></tr></table><inputtype="submit"value="提交"></form></center></body></html>

截图效果如下:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。