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技巧
Dec 06 Javascript
ASP小贴士/ASP Tips javascript tips可以当桌面
Dec 10 Javascript
javascript循环变量注册dom事件 之强大的闭包
Sep 08 Javascript
在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)
Dec 20 Javascript
浅析js中2个等号与3个等号的区别
Aug 06 Javascript
js实现简单排列组合的方法
Jan 27 Javascript
文本框只能输入数字的js代码(含小数点)
Jul 10 Javascript
如何判断出一个js对象是否一个dom对象
Nov 24 Javascript
bootstrap vue.js实现tab效果
Feb 07 Javascript
AngularJS 异步解决实现方法
Jun 12 Javascript
详解vue使用$http服务端收不到参数
Apr 19 Javascript
vue+animation实现翻页动画
Jun 29 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
PHP6 先修班 JSON实例代码
2008/08/23 PHP
PHP 时间日期操作实战
2011/08/26 PHP
解析PHP中的内存管理,PHP动态分配和释放内存
2013/06/28 PHP
PHP二维数组排序的3种方法和自定义函数分享
2014/04/09 PHP
PHP+swoole实现简单多人在线聊天群发
2016/01/19 PHP
yii2 modal弹窗之ActiveForm ajax表单异步验证
2016/06/13 PHP
PHPCMS V9 添加二级导航的思路详解
2016/10/20 PHP
php基于自定义函数记录log日志方法
2017/07/21 PHP
PHP实现的最大正向匹配算法示例
2017/12/19 PHP
关于 byval 与 byref 的区别分析总结
2007/10/08 Javascript
js调用iframe实现打印页面内容的方法
2014/03/04 Javascript
JavaScript中反正弦函数Math.asin()的使用简介
2015/06/14 Javascript
Javascript实现的简单右键菜单类
2015/09/23 Javascript
关于input全选反选恶心的异常情况
2016/07/24 Javascript
Canvas实现动态的雪花效果
2017/02/13 Javascript
浅谈Vue 初始化性能优化
2017/08/31 Javascript
微信小程序实现animation动画
2018/01/26 Javascript
对vue中methods互相调用的方法详解
2018/08/30 Javascript
在vue中实现点击选择框阻止弹出层消失的方法
2018/09/15 Javascript
基于webpack4+vue-cli3项目实现换肤功能
2019/07/17 Javascript
vue实现学生信息管理系统
2020/05/30 Javascript
python操作日期和时间的方法
2014/03/11 Python
python图像处理之反色实现方法
2015/05/30 Python
python实现图片筛选程序
2018/10/24 Python
Python文件如何引入?详解引入Python文件步骤
2018/12/10 Python
python开发之anaconda以及win7下安装gensim的方法
2019/07/05 Python
python如果快速判断数字奇数偶数
2019/11/13 Python
PyCharm无法识别PyQt5的2种解决方法,ModuleNotFoundError: No module named 'pyqt5'
2020/02/17 Python
关于PyCharm安装后修改路径名称使其可重新打开的问题
2020/10/20 Python
美国打印机墨水和碳粉购物网站:QuikShip Toner
2018/08/29 全球购物
易程科技软件测试笔试
2013/03/24 面试题
母婴店促销方案
2014/03/05 职场文书
观看《永远的雷锋》心得体会
2014/03/12 职场文书
科研课题实施方案
2014/03/18 职场文书
Mysql - 常用函数 每天积极向上
2021/04/05 MySQL
Python OpenCV超详细讲解调整大小与图像操作的实现
2022/04/02 Python