javascript - JSP/HTML/JS/CSS - 如何在表单中创建取消按钮

标签 javascript jquery html css jsp

我需要在 JSP 代码的表单中添加“保存”和“取消”功能。单击“保存”应将表单数据提交到预期位置。单击“取消”应取消表单而不将数据提交到预期位置。

感谢和问候,

阿伦·德瓦吉

最佳答案

我通过以下方式解决了这个问题:

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()} &nbsp;${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(视觉); var e = document.getElementById(edit);

v.style.display="block";
e.style.display="none";

函数取消(可视化,编辑) { var v = document.getElementById(视觉); var e = document.getElementById(edit);

v.style.display="block";
e.style.display="none";

return false;

关于javascript - JSP/HTML/JS/CSS - 如何在表单中创建取消按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36507850/

相关文章:

javascript - jQuery UI 拖动 - 无法在填充区域上移动

javascript - 如何将汉堡菜单移到右上角?

javascript - 表上 jquery 的总值(value)

javascript - 如何使用动画缩小 div?

javascript - 填充列表元素中的空白区域

javascript - 如何通过 jQuery 获取字段集中选定的单选按钮值?

image - 如何显示 div 内联 + 动画 Logo

html - 在 SVG 组上设置 transform-origin 在 Firefox 中不起作用

javascript - 在 Django 中将总计行与表排序器分开

javascript - 计数的答案是88 : why?