JSP/HTML / JS / CSS -如何创建表单中的取消按钮
JSP/HTML / JS / CSS -如何创建表单中的取消按钮
提问于 2016-04-08 19:31:18
我需要将"save“和"cancel”功能放在JSP代码中的表单中。点击“保存”应该将表单数据提交到预定的位置。点击“取消”应该取消表单，而不提交数据到预定的地方。
感谢和问候，
阿伦·德瓦
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-04-08 19:45:34
我用以下方法解决了这个问题：
1) myInfo.jsp
<form name="myForm" action="/done" method="POST">
<fieldset>
<label>Enter new name </label>
<input class="form-control" name="edit_filed" id="name_edit" type="text" value="${obj.getfName()} ${obj.getlName()}">
<label>Enter new specializations </label>
<input class="form-control" name="specializations" id="specializations_edit" type="text" value="${obj.oldSpecialization()}">
<button class="btn btn-success" onClick="Save('myInfo_visual', 'myInfo_edit')">Save</button>
<input type="button" value="Cancel" class="btn btn-gray" onClick="Cancel('myInfo_visual', 'myInfo_edit')"/>
</fieldset>
2) myInfo.js
function Save(visual, edit){
var v = document.getElementById(visual); var e = document.getElementById(edit);v.style.display="block";
e.style.display="none";}
函数取消(可视，编辑){ var v= document.getElementById(visual)；var e=document.getElementById(编辑)；
v.style.display="block";
e.style.display="none";
return false;}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36507850
复制相关文章
相似问题
腾讯云开发者
