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获取自定义属性(attr和prop)实例介绍
Apr 21 Javascript
js实现鼠标感应向下滑动隐藏菜单的方法
Feb 20 Javascript
JS弹性运动实现方法分析
Dec 15 Javascript
vue与TypeScript集成配置最简教程(推荐)
Oct 17 Javascript
jfinal与bootstrap的登出实战详解
Nov 27 Javascript
使用vuex缓存数据并优化自己的vuex-cache
May 30 Javascript
使用proxy实现一个更优雅的vue【推荐】
Jun 19 Javascript
bootstrap table表格插件之服务器端分页实例代码
Sep 12 Javascript
微信小程序实现登录注册tab切换效果
Dec 29 Javascript
微信小程序导航栏跟随滑动效果的实现代码
May 14 Javascript
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
Apr 08 Javascript
vue的$http的get请求要加上params操作
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
无线电的诞生过程
2021/03/01 无线电
我的论坛源代码(四)
2006/10/09 PHP
php学习之简单计算器实现代码
2011/06/09 PHP
php使用array_rand()函数从数组中随机选择一个或多个元素
2014/04/28 PHP
php时间戳格式化显示友好的时间函数分享
2014/10/21 PHP
thinkphp普通查询与表达式查询实例分析
2014/11/24 PHP
PHP编译安装时常见错误解决办法
2015/05/28 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
JavaScript的面向对象方法以及差别
2008/03/31 Javascript
jQuery弹出(alert)select选择的值
2013/04/21 Javascript
JS批量修改PS中图层名称的方法
2014/01/26 Javascript
javascript闭包(Closure)用法实例简析
2015/11/30 Javascript
Spring mvc 接收json对象
2015/12/10 Javascript
angular.js之路由的选择方法
2016/09/24 Javascript
js 颜色选择插件
2017/01/23 Javascript
几行js代码实现自适应
2017/02/24 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
2017/03/02 Javascript
JavaScript实现简单精致的图片左右无缝滚动效果
2017/03/16 Javascript
JS/jQuery实现DIV延时几秒后消失或显示的方法
2018/02/12 jQuery
基于iview-admin实现动态路由的示例代码
2019/10/02 Javascript
使用Karma做vue组件单元测试的实现
2020/01/16 Javascript
[02:51]2018年度DOTA2最佳中单位选手-完美盛典
2018/12/17 DOTA
[01:59]游戏“zheng”当时试玩会
2019/08/21 DOTA
python单链表实现代码实例
2013/11/21 Python
python装饰器原理与用法深入详解
2019/12/19 Python
Python random库使用方法及异常处理方案
2020/03/02 Python
Django ModelForm组件原理及用法详解
2020/10/12 Python
Sandro法国官网:法国成衣品牌
2019/08/28 全球购物
美国亚马逊旗下男装网站:East Dane(支持中文)
2019/09/25 全球购物
亿企通软件测试面试题
2012/04/10 面试题
值传递还是引用传递
2015/02/08 面试题
2015年世界无烟日活动方案
2015/05/04 职场文书
2016年大学生暑期社会实践方案
2015/11/26 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书
《惊弓之鸟》教学反思
2016/02/20 职场文书
初三化学教学反思
2016/02/22 职场文书