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 相关文章推荐
JS的IE和Firefox兼容性集锦
Dec 11 Javascript
JS 自定义函数缺省值的设置方法
May 05 Javascript
THREE.JS入门教程(2)着色器-上
Jan 24 Javascript
得到jQuery detach()后节点中的某个值实现代码
Feb 05 Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
Nov 17 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
Mar 14 Javascript
AngularJS中$apply方法和$watch方法用法总结
Dec 13 Javascript
Angular2库初探
Mar 01 Javascript
js统计页面上每个标签的数量实例代码
May 29 Javascript
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
Jul 21 Javascript
八种Vue组件间通讯方式合集(推荐)
Aug 18 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错误提示failed to open stream: HTTP request failed!的完美解决方法
2011/06/06 PHP
php实现文件下载更能介绍
2012/11/23 PHP
Jquery ThickBox插件使用心得(不建议使用)
2010/09/08 Javascript
利用NodeJS的子进程(child_process)调用系统命令的方法分享
2013/06/05 NodeJs
javascript/jquery获取地址栏url参数的方法
2014/03/05 Javascript
浅谈javascript中自定义模版
2015/01/29 Javascript
JavaScript进阶练习及简单实例分析
2016/06/03 Javascript
用Nodejs搭建服务器访问html、css、JS等静态资源文件
2017/04/28 NodeJs
Angular.js指令学习中一些重要属性的用法教程
2017/05/24 Javascript
React中的refs的使用教程
2018/02/13 Javascript
通过JS运行机制的角度说说作用域
2019/03/12 Javascript
微信公众平台获取access_token的方法步骤
2019/03/29 Javascript
js中arguments对象的深入理解
2019/05/14 Javascript
对vuex中getters计算过滤操作详解
2019/11/06 Javascript
JS基础之逻辑结构与循环操作示例
2020/01/19 Javascript
[58:23]LGD vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python实现获取照片拍摄日期并重命名的方法
2017/09/30 Python
python shell根据ip获取主机名代码示例
2017/11/25 Python
深入分析python数据挖掘 Json结构分析
2018/04/21 Python
如何通过python的fabric包完成代码上传部署
2019/07/29 Python
python利用re,bs4,requests模块获取股票数据
2019/07/29 Python
python编写猜数字小游戏
2019/10/06 Python
关于python中plt.hist参数的使用详解
2019/11/28 Python
django列表筛选功能的实现代码
2020/03/27 Python
python logging模块的使用详解
2020/10/23 Python
关于Java String的一道面试题
2013/09/29 面试题
Linux文件系统类型
2012/02/15 面试题
财务会计实习报告体会
2013/12/20 职场文书
中专生毕业个人鉴定
2014/02/26 职场文书
法律系毕业生自荐信范文
2014/03/27 职场文书
党的群众路线教育实践活动对照检查材料思想汇报(党员篇)
2014/09/25 职场文书
2016年小学六一儿童节活动总结
2016/04/06 职场文书
导游词之韩国济州岛
2019/10/28 职场文书
MySQL中的引号和反引号的区别与用法详解
2021/10/24 MySQL
微信小程序 WeUI扩展组件库的入门教程
2022/04/21 Javascript
python绘制云雨图raincloud plot
2022/08/05 Python