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对象数据缓存Cache原理以及jQuery.data详解
Apr 07 Javascript
Javascript WebSocket使用实例介绍(简明入门教程)
Apr 16 Javascript
js控制文本框只输入数字和小数点的方法
Mar 10 Javascript
jQuery插件boxScroll实现图片轮播特效
Jul 14 Javascript
关于JS中prototype的理解
Sep 07 Javascript
Vue实现购物车功能
Apr 27 Javascript
原生JS实现列表子元素顺序反转的方法分析
Jul 02 Javascript
微信小程序仿知乎实现评论留言功能
Nov 28 Javascript
利用原生JS实现data方法示例代码
May 28 Javascript
Vue组件通信入门之Provide和Inject机制
Dec 29 Javascript
JavaScript 与 TypeScript之间的联系
Nov 27 Javascript
React四级菜单的实现
Apr 08 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
ThinkPHP调试模式与日志记录概述
2014/08/22 PHP
PHP strripos函数用法总结
2019/02/11 PHP
小议Javascript中的this指针
2010/03/18 Javascript
jQuery 顺便学习下CSS选择器 奇偶匹配nth-child(even)
2010/05/24 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
2011/06/27 Javascript
中文字符串截取的js函数代码
2013/04/17 Javascript
5分钟理解JavaScript中this用法分享
2013/11/09 Javascript
javascript操作符&quot;!~&quot;详解
2015/02/10 Javascript
javascript常用的方法整理
2015/08/20 Javascript
jQuery多级联动下拉插件chained用法示例
2016/08/20 Javascript
Bootstrap图片轮播组件Carousel使用方法详解
2016/10/20 Javascript
js实现界面向原生界面发消息并跳转功能
2016/11/22 Javascript
微信小程序 tabs选项卡效果的实现
2017/01/05 Javascript
Ionic3 UI组件之Gallery Modal详解
2017/06/07 Javascript
使用jquery的jsonp如何发起跨域请求及其原理详解
2017/08/17 jQuery
node.js中使用Export和Import的方法
2017/09/18 Javascript
把vue-router和express项目部署到服务器的方法
2018/02/21 Javascript
Vue的watch和computed方法的使用及区别介绍
2018/09/06 Javascript
用webpack4开发小程序的实现方法
2019/06/04 Javascript
express框架中使用jwt实现验证的方法
2019/08/25 Javascript
使用layui实现树形结构的方法
2019/09/20 Javascript
vscode中Vue别名路径提示的实现
2020/07/31 Javascript
python 实现二维列表转置
2019/12/02 Python
pytorch使用 to 进行类型转换方式
2020/01/08 Python
Python使用jupyter notebook查看ipynb文件过程解析
2020/06/02 Python
Keras 数据增强ImageDataGenerator多输入多输出实例
2020/07/03 Python
美国批发零售网站:GearXS
2016/07/26 全球购物
一套C#面试题
2013/10/09 面试题
励志演讲稿800字
2014/08/21 职场文书
房屋所有权证明
2015/06/19 职场文书
初中开学典礼新闻稿
2015/07/17 职场文书
《社戏》教学反思
2016/02/22 职场文书
2019个人年度目标制定攻略!
2019/07/12 职场文书
如何将numpy二维数组中的np.nan值替换为指定的值
2021/05/14 Python
Python中OpenCV实现查找轮廓的实例
2021/06/08 Python
基于Redis zSet实现滑动窗口对短信进行防刷限流的问题
2022/02/12 Redis