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 相关文章推荐
HTML中Select不用Disabled实现ReadOnly的效果
Apr 07 Javascript
js文字滚动停顿效果代码
Jun 28 Javascript
ext jquery 简单比较
Apr 07 Javascript
js字符串截取函数substr substring slice使用对比
Nov 27 Javascript
ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)
Aug 30 Javascript
javascript中AJAX用法实例分析
Jan 30 Javascript
JavaScript事件学习小结(一)事件流
Jun 09 Javascript
vue+webpack实现异步加载三种用法示例详解
Apr 24 Javascript
详解vue的diff算法原理
May 20 Javascript
详解在vue-cli项目下简单使用mockjs模拟数据
Oct 19 Javascript
Node爬取大批量文件的方法示例
Jun 28 Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
Mar 01 jQuery
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中ADODB类详解
2008/03/25 PHP
PHP中的事务使用实例
2015/05/26 PHP
PHP中常见的缓存技术实例分析
2015/09/23 PHP
PHP7 其他语言层面的修改
2021/03/09 PHP
最佳JS代码编写的14条技巧
2011/01/09 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
2011/09/27 Javascript
jQuery选择器全集详解
2014/11/24 Javascript
基于jQuery创建鼠标悬停效果的方法
2015/03/07 Javascript
JQuery为元素添加样式的实现方法
2016/07/20 Javascript
js省市区级联查询(插件版&amp;无插件版)
2017/03/21 Javascript
Angular2自定义分页组件
2017/04/19 Javascript
JS仿QQ好友列表展开、收缩功能(第一篇)
2017/07/07 Javascript
基于VuePress 轻量级静态网站生成器的实现方法
2018/04/17 Javascript
JavaScript选择排序算法原理与实现方法示例
2018/08/06 Javascript
django自定义Field实现一个字段存储以逗号分隔的字符串
2014/04/27 Python
从Python的源码浅要剖析Python的内存管理
2015/04/16 Python
Python+matplotlib+numpy绘制精美的条形统计图
2018/01/02 Python
matplotlib subplots 设置总图的标题方法
2018/05/25 Python
python实现淘宝秒杀脚本
2020/06/23 Python
python读取大文件越来越慢的原因与解决
2019/08/08 Python
解决Mac下使用python的坑
2019/08/13 Python
浅谈keras中loss与val_loss的关系
2020/06/22 Python
python3.7调试的实例方法
2020/07/21 Python
scrapy在python爬虫中搭建出错的解决方法
2020/11/22 Python
美国知名的网上鞋类及相关服装零售商:Shoes.com
2017/05/06 全球购物
工商治理实习生的自我评价
2014/01/15 职场文书
主持人婚宴答谢词
2014/01/28 职场文书
乡镇庆八一活动方案
2014/02/02 职场文书
陈欧的广告词
2014/03/18 职场文书
竞争上岗演讲稿范文
2014/05/12 职场文书
员工薪酬激励方案
2014/06/13 职场文书
革命英雄事迹演讲稿
2014/09/13 职场文书
2016年学习雷锋精神广播稿
2015/12/17 职场文书
Python中基础数据类型 set集合知识点总结
2021/08/02 Python
django 认证类配置实现
2021/11/11 Python
java代码实现空间切割
2022/01/18 Java/Android