JS控制表单提交的方法


Posted in Javascript onJuly 09, 2015

本文实例讲述了JS控制表单提交的方法。分享给大家供大家参考。具体如下:

<Script Language="JavaScript">
function autoSubmit(){
var form = document.forms[0];
var actionPath = "?mo=phone";
form.action = actionPath;
form.submit();
return true;
}
</Script>

如果需要两个提交按钮,type=""的属性值一个高为"submit"一个为"button",也就是一个用按钮本身提交,一个用JS控制提交

<form method="post" name="form1" id="form1" action="?mo=phone&do=opreat" >
<input type="hidden" value="" name="phoneid" id="phoneid">
 <table border="0px" style="font-size:12px" width="630px" >
  <tr>
   <td align="right">手机型号:</td>
   <td><input type="text" id="phonetype" name="phonetype" style="width:120px" <?# if $pinfo.pass_var.phonetype ?>value="<?# $pinfo.pass_var.phonetype ?>" <?# /if ?> /></td>
   <td><div id="phonetypeTip" style="width:250px"></div></td>
  </tr>
  <tr>
   <td align="right">类型:</td>
   <td><select name="type" id="type">
     <?# foreach from=$types item=value ?>
  <option value="<?# $value.type ?>"
  <?# if $pinfo.pass_var.type== $value.type ?>selected="selected"<?# /if ?>><?# $value.type ?>
  </option>
  <?# /foreach ?>
     </select></td>
   <td><div id="typeTip" style="width:250px"></div></td>
  </tr>
  <tr>
   <td align="right">厂商:</td>
   <td><select name="brandid" id="brandid">
     <?# foreach from=$brand item=value ?><option value="<?# $value.brandid ?>" <?# if $pinfo.pass_var.brandid== $value.brandid ?>selected="selected"<?# /if ?> ><?# $value.name_zh ?></option><?# /foreach ?>
     </select></td>
   <td><div id="brandidTip" style="width:250px"></div></td>
  </tr>
</table>
<input type="submit" value="增加手机" >
<input type="button" onclick="autoSubmit();" value="搜索手机" >
</form>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
jQuery实现可拖动的浮动层完整代码
May 27 Javascript
IE下JS读取xml文件示例代码
Aug 05 Javascript
jQuery异步验证用户名是否存在示例代码
May 21 Javascript
js事件监听机制(事件捕获)总结
Aug 08 Javascript
javascript实现简单的全选和反选功能
Jan 05 Javascript
js实现简单的网页换肤效果
Jan 18 Javascript
强大的 Angular 表单验证功能详细介绍
May 23 Javascript
JAVA面试题 static关键字详解
Jul 16 Javascript
vue 实现微信浮标效果
Sep 01 Javascript
JS回调函数深入理解
Oct 16 Javascript
关于Vue中axios的封装实例详解
Oct 20 Javascript
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
Nov 12 Javascript
JS获取下拉框显示值和判断单选按钮的方法
Jul 09 #Javascript
JavaScript的类型、值和变量小结
Jul 09 #Javascript
JS实现文档加载完成后执行代码
Jul 09 #Javascript
jQuery检测某个元素是否存在代码分享
Jul 09 #Javascript
jquery.map()方法的使用详解
Jul 09 #Javascript
jQuery实现鼠标点击弹出渐变层的方法
Jul 09 #Javascript
javascript+ajax实现产品页面加载信息
Jul 09 #Javascript
You might like
php生成随机密码自定义函数代码(简单快速)
2014/05/10 PHP
php获取微信共享收货地址的方法
2017/12/21 PHP
laravel框架使用FormRequest进行表单验证,验证异常返回JSON操作示例
2020/02/18 PHP
Jquery 绑定时间实现代码
2011/05/03 Javascript
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
2013/03/18 Javascript
js判断undefined变量类型使用typeof
2013/06/03 Javascript
jQuery之日期选择器的深入解析
2013/06/19 Javascript
JS批量操作CSS属性详细解析
2013/12/16 Javascript
使用jQuery和Bootstrap实现多层、自适应模态窗口
2014/12/22 Javascript
jquery获取多个checkbox的值异步提交给php
2015/07/07 Javascript
jQuery validate插件submitHandler提交导致死循环解决方法
2016/01/21 Javascript
jQuery实现HTML表格单元格的合并功能
2016/04/06 Javascript
JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别
2016/08/26 Javascript
vue + element-ui实现简洁的导入导出功能
2017/12/22 Javascript
Router解决跨模块下的页面跳转示例
2018/01/11 Javascript
使用express+multer实现node中的图片上传功能
2018/02/02 Javascript
vue.js使用3DES加密的方法示例
2018/05/18 Javascript
微信小程序实现收藏与取消收藏切换图片功能
2018/08/03 Javascript
JavaScript封装的常用工具类库bee.js用法详解【经典类库】
2018/09/03 Javascript
如何能分清npm cnpm npx nvm
2019/01/17 Javascript
iview的table组件自带的过滤器实现
2019/07/12 Javascript
举例讲解Python面向对象编程中类的继承
2016/06/17 Python
详解supervisor使用教程
2017/11/21 Python
Pycharm远程调试openstack的方法
2017/11/21 Python
使用Python的Dataframe取两列时间值相差一年的所有行方法
2018/07/10 Python
pycharm修改界面主题颜色的方法
2019/01/17 Python
六行python代码的爱心曲线详解
2019/05/17 Python
在python中logger setlevel没有生效的解决
2020/02/21 Python
django 模版关闭转义方式
2020/05/14 Python
python 写一个水果忍者游戏
2021/01/13 Python
荷兰包包购物网站:The Little Green Bag
2018/03/17 全球购物
.NET初级开发工程师面试题(包括Javascript)
2012/08/22 面试题
农林环境专业求职信
2014/03/13 职场文书
党员2014两会学习心得体会
2014/03/17 职场文书
股东出资证明书范例
2014/10/04 职场文书
创业计划书之便利店
2019/09/05 职场文书