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匿名函数
Nov 25 Javascript
详解JavaScript编程中的数组结构
Oct 24 Javascript
使用jQuery UI库开发Web界面的简单入门指引
Apr 22 Javascript
angularjs ui-router中路由的二级嵌套
Mar 10 Javascript
vue-cli中安装方法(图文详细步骤)
Dec 12 Javascript
用webpack4开发小程序的实现方法
Jun 04 Javascript
微信小程序 拍照或从相册选取图片上传代码实例
Aug 28 Javascript
countUp.js实现数字滚动效果
Oct 18 Javascript
Javascript作用域和作用域链原理解析
Mar 03 Javascript
OpenLayers3加载常用控件使用方法详解
Sep 25 Javascript
Array.filter中如何正确使用Async
Nov 04 Javascript
小程序实现tab标签页
Nov 16 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学习之function的用法
2012/07/14 PHP
PHP中使用Imagick操作PSD文件实例
2015/01/26 PHP
浅谈php错误提示及查错方法
2015/07/14 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
PHP删除字符串中非字母数字字符方法总结
2019/01/20 PHP
JS中==与===操作符的比较
2009/03/21 Javascript
基于Jquery实现表格动态分页实现代码
2011/06/21 Javascript
JavaScript 选中文字并响应获取的实现代码
2011/08/28 Javascript
Jquery:ajax实现翻页无刷新功能代码
2013/08/05 Javascript
node.js中的fs.createWriteStream方法使用说明
2014/12/17 Javascript
JS给超链接加确认对话框的方法
2015/02/24 Javascript
基于RequireJS和JQuery的模块化编程日常问题解析
2016/04/14 Javascript
判断js的Array和Object的实现方法
2016/08/29 Javascript
js实现密码强度检验
2017/01/15 Javascript
ES6入门教程之let和const命令详解
2017/05/17 Javascript
JavaScript实现新年倒计时效果
2018/11/17 Javascript
mock.js实现模拟生成假数据功能示例
2019/01/15 Javascript
js实现网页同时进行多个倒计时功能
2019/02/25 Javascript
javascript获取select值的方法完整实例
2019/06/20 Javascript
在layui框架中select下拉框监听更改事件的例子
2019/09/20 Javascript
详解vue路由
2020/08/05 Javascript
Jquery Fade用法详解
2020/11/06 jQuery
在Python中使用cookielib和urllib2配合PyQuery抓取网页信息
2015/04/25 Python
Python cookbook(数据结构与算法)从字典中提取子集的方法示例
2018/03/22 Python
python3学生名片管理v2.0版
2018/11/29 Python
使用遗传算法求二元函数的最小值
2020/02/11 Python
Python如何读写CSV文件
2020/08/13 Python
Python系统公网私网流量监控实现流程
2020/11/23 Python
美国波西米亚风格服装品牌:Show Me Your Mumu
2018/01/05 全球购物
Charles & Colvard官网:美国莫桑石品牌
2019/06/05 全球购物
工作中个人的自我评价
2013/12/31 职场文书
道德之星事迹材料
2014/05/03 职场文书
质量提升方案
2014/06/16 职场文书
行政助理岗位职责范本
2015/04/11 职场文书
宣传部部长竞选稿
2015/11/21 职场文书
Python机器学习之逻辑回归
2021/05/11 Python