前端开发中的数据提交,目前大多数采用表单提交的方式,但是对于很对初学者来说,只知道在表单格式中,只有一个<input type="submit">,如果有两个或者要求有多个提交选择的时候应该怎么做呢,其实用js就可以简单实现:
例如下面的效果:
有一个确定和取消的提交按钮;
<form name="form" method="post" action=" " id="form">
<b>注册</b><br/><br/>
<span style="letter-spacing:4.5px;">用户名:</span> <input type="text" name="userName"><br/><br/>
证件类型:
<select name="identifytype" id="identifytype">
<option value="身份证" >身份证</option>
<option value="军官证">军官证</option>
</select><br/><br/>
<span style="letter-spacing:5px;">证件号:<input type="text" name="identifynum"><br/><br/>
<input type="submit" value="注册" οnclick="javascript:this.form.action='跳转.jsp';"/>
<input type="submit" value="取消" οnclick="javascript:this.form.action='当前页面.jsp';"/>
与平常的form提交不同之处在于:
1、此处的action为空,
2、在input中添加了点击事件:javascript:this.form.action
利用js的form.action去进行链接跳转。