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 相关文章推荐
基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼
Dec 06 Javascript
Javascript 判断客户端浏览器类型代码
Mar 01 Javascript
获取offsetTop和offsetLeft值的js代码(兼容)
Apr 16 Javascript
JqueryMobile动态生成listView并实现刷新的两种方法
Mar 05 Javascript
Javascript监视变量变化的方法
Jun 09 Javascript
基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化
May 12 Javascript
Bootstrap CSS组件之导航条(navbar)
Dec 17 Javascript
基本DOM节点操作
Jan 17 Javascript
基于EasyUI的基础之上实现树形功能菜单
Jun 28 Javascript
利用Node.js批量抓取高清妹子图片实例教程
Aug 02 Javascript
JS字典Dictionary类定义与用法示例
Feb 01 Javascript
超详细小程序定位地图模块全系列开发教学
Nov 24 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
一个颜色轮换的简单例子
2006/10/09 PHP
php中获取远程客户端的真实ip地址的方法
2011/08/03 PHP
PHP闭包(Closure)使用详解
2013/05/02 PHP
主流PHP框架的优缺点对比分析
2014/12/25 PHP
PHP Reflection API详解
2015/05/12 PHP
PHP中empty和isset对于参数结构的判断及empty()和isset()的区别
2015/11/15 PHP
Zend Framework教程之Zend_Registry对象用法分析
2016/03/22 PHP
php桥接模式应用案例分析
2019/10/23 PHP
从零开始学习jQuery (二) 万能的选择器
2010/10/01 Javascript
javascript利用初始化数据装配模版的实现代码
2010/11/17 Javascript
JavaScript 在网页上单击鼠标的地方显示层及关闭层
2012/12/30 Javascript
Js-$.extend扩展方法使方法参数更灵活
2013/01/15 Javascript
去掉gridPanel表头全选框的小例子
2013/07/18 Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
2014/08/24 Javascript
Javascript毫秒数用法实例
2015/02/05 Javascript
javascript获取本机操作系统类型的方法
2015/08/13 Javascript
jQuery选择器基础入门教程
2016/05/10 Javascript
Bootstrap CSS布局之按钮
2016/12/17 Javascript
vue中使用ueditor富文本编辑器
2018/02/08 Javascript
Vue中跨域及打包部署到nginx跨域设置方法
2019/08/26 Javascript
vue iview实现动态新增和删除
2020/06/17 Javascript
小程序实现上下切换位置
2020/11/16 Javascript
[05:02][DOTA2]DOTA进化论 第一期
2013/09/27 DOTA
详解Python map函数及Python map()函数的用法
2017/11/16 Python
python实现n个数中选出m个数的方法
2018/11/13 Python
Linux面试经常问的文件系统操作命令
2015/11/05 面试题
机电专业个人求职信范文
2013/12/30 职场文书
班主任经验交流会主持词
2014/04/01 职场文书
酒店人事专员岗位职责
2015/04/07 职场文书
教师继续教育反思周记
2015/06/25 职场文书
2019朋友新婚祝福语精选
2019/10/10 职场文书
Laravel中获取IP的真实地理位置
2021/04/01 PHP
css实现文章分割线样式的多种方法总结
2021/04/21 HTML / CSS
pytorch中的model.eval()和BN层的使用
2021/05/22 Python
vite+vue3.0+ts+element-plus快速搭建项目的实现
2021/06/24 Vue.js
我收到了德劲DE1107
2022/04/05 无线电