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 相关文章推荐
JavaScript Event学习第三章 早期的事件处理程序
Feb 07 Javascript
jQuery层次选择器选择元素使用介绍
Apr 18 Javascript
JS实现在网页中弹出一个输入框的方法
Mar 03 Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
May 21 Javascript
基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)
Aug 29 Javascript
js实现文字向上轮播功能
Jan 13 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
Sep 18 Javascript
详解weex默认webpack.config.js改造
Jan 08 Javascript
vue中使用ueditor富文本编辑器
Feb 08 Javascript
ES6中字符串的使用方法扩展
Jun 04 Javascript
vue生命周期钩子函数以及触发时机
Apr 26 Vue.js
vue使用watch监听属性变化
Apr 30 Vue.js
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上的memcache和memcached两个pecl库
2010/03/29 PHP
基于php socket(fsockopen)的应用实例分析
2013/06/02 PHP
使用迭代器 遍历文件信息的详解
2013/06/08 PHP
PhpDocumentor 2安装以及生成API文档的方法
2014/05/21 PHP
PHP中的reflection反射机制测试例子
2014/08/05 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
用javascript实现页面打印的三种方法
2007/03/05 Javascript
jquery绑定原理 简单解析与实现代码分享
2011/09/06 Javascript
js/jquery去掉空格,回车,换行示例代码
2013/11/05 Javascript
jQuery之过滤元素操作小结
2013/11/30 Javascript
常用的几段javascript代码分享
2014/03/25 Javascript
js实现表单检测及表单提示的方法
2015/08/14 Javascript
去除html代码里面的script正则方法
2016/05/19 Javascript
ES6中的数组扩展方法
2016/08/26 Javascript
Bootstrap禁用响应式布局的实现方法
2017/03/09 Javascript
Javascript 严格模式use strict详解
2017/09/16 Javascript
ES6 更易于继承的类语法的使用
2019/02/11 Javascript
监控Nodejs的性能实例代码
2019/07/02 NodeJs
微信小程序文章详情页跳转案例详解
2019/07/09 Javascript
原生js实现下拉选项卡
2019/11/27 Javascript
js实现图片实时时钟
2020/01/15 Javascript
JS实现电脑虚拟键盘的操作
2020/06/24 Javascript
[01:06:07]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS CIS
2014/05/22 DOTA
[48:54]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第二场 6.3
2018/06/04 DOTA
html5 canvas实现跟随鼠标旋转的箭头
2016/03/11 HTML / CSS
Clarks鞋美国官网:全球领军鞋履品牌
2017/05/13 全球购物
法律工作求职自荐信
2013/10/31 职场文书
计算机专业推荐信范文
2013/11/27 职场文书
小学信息技术教学反思
2014/02/10 职场文书
教师批评与自我批评剖析材料
2014/10/16 职场文书
荆州古城导游词
2015/02/06 职场文书
2015年银行柜员工作总结报告
2015/04/01 职场文书
整理Python中常用的conda命令操作
2021/06/15 Python
Ajax实现三级联动效果
2021/10/05 Javascript
MongoDB使用场景总结
2022/02/24 MongoDB
Python requests用法和django后台处理详解
2022/03/19 Python