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 相关文章推荐
一个判断email合法性的函数[非正则]
Dec 09 Javascript
javascript xml为数据源的下拉框控件
Jul 07 Javascript
jquery 表单进行客户端验证demo
Aug 24 Javascript
如何通过javascript操作web控件的自定义属性
Nov 25 Javascript
JavaScript继承模式粗探
Jan 12 Javascript
使用 bootstrap modal遇到的问题小结
Nov 09 Javascript
Vue.js系列之项目结构说明(2)
Jan 03 Javascript
原生js实现类似fullpage的单页/全屏滚动
Jan 22 Javascript
结合mint-ui移动端下拉加载实践方法总结
Nov 08 Javascript
浅谈VUE监听窗口变化事件的问题
Feb 24 Javascript
javascript实现点击小图显示大图
Nov 29 Javascript
ES5和ES6中类的区别总结
Dec 21 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
php empty,isset,is_null判断比较(差异与异同)
2010/10/19 PHP
php根据分类合并数组的方法实例详解
2013/11/06 PHP
Yii 快速,安全,专业的PHP框架
2014/09/03 PHP
用Javascript 获取页面元素的位置的代码
2009/09/25 Javascript
jQuery的实现原理的模拟代码 -2 数据部分
2010/08/01 Javascript
js 使FORM表单的所有元素不可编辑的示例代码
2013/10/17 Javascript
关于jquery的多个选择器的使用示例
2013/10/18 Javascript
javascript eval(func())使用示例
2013/12/05 Javascript
jquery缓动swing liner控制动画过程不同时刻的速度
2014/05/29 Javascript
js+html5操作sqlite数据库的方法
2016/02/02 Javascript
获取JavaScript异步函数的返回值
2016/12/21 Javascript
bootstrap table表格使用方法详解
2017/04/26 Javascript
vue加载完成后的回调函数方法
2018/09/07 Javascript
用VueJS写一个Chrome浏览器插件的实现方法
2019/02/27 Javascript
js+html5 canvas实现ps钢笔抠图
2019/04/28 Javascript
vue实现在线翻译功能
2019/09/27 Javascript
vue实现百度语音合成的实例讲解
2019/10/14 Javascript
JavaScript实现缓动动画
2020/11/25 Javascript
python使用Tesseract库识别验证
2018/03/21 Python
Django Admin实现三级联动的示例代码(省市区)
2018/06/22 Python
windows下pycharm安装、创建文件、配置默认模板
2018/07/31 Python
Python3.7 读取 mp3 音频文件生成波形图效果
2019/11/05 Python
布隆过滤器的概述及Python实现方法
2019/12/08 Python
python面向对象之类属性和类方法案例分析
2019/12/30 Python
Python多进程编程常用方法解析
2020/03/26 Python
keras自定义回调函数查看训练的loss和accuracy方式
2020/05/23 Python
卡西欧B级产品官方网站:Casio Outlet
2018/05/22 全球购物
团工委书记自荐书范文
2013/12/17 职场文书
表演方阵解说词
2014/02/08 职场文书
校园活动宣传方案
2014/03/28 职场文书
法院先进个人事迹材料
2014/05/04 职场文书
房产协议书范本2014
2014/09/30 职场文书
党的群众路线教育实践活动个人对照检查材料(教师)
2014/11/04 职场文书
毕业生就业推荐表导师评语
2014/12/31 职场文书
农贸批发市场管理制度
2015/08/07 职场文书
浅析Python实现DFA算法
2021/06/26 Python