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五图轮播切换实用版
Aug 17 Javascript
JS调用CS里的带参方法实例
Aug 01 Javascript
AngularJS基础 ng-include 指令示例讲解
Aug 01 Javascript
JS数组返回去重后数据的方法解析
Jan 03 Javascript
bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
Jan 24 Javascript
tab栏切换原理
Mar 22 Javascript
AngularJS常见过滤器用法实例总结
Jul 06 Javascript
详解vue-cli项目中怎么使用mock数据
May 29 Javascript
从vue源码看props的用法
Jan 09 Javascript
Vue 使用formData方式向后台发送数据的实现
Apr 14 Javascript
layui 上传文件_批量导入数据UI的方法
Sep 23 Javascript
在Angular项目使用socket.io实现通信的方法
Jan 05 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
php5.3以后的版本连接sqlserver2000的方法
2014/07/28 PHP
PHP原生函数一定好吗?
2014/12/08 PHP
JAVASCRIPT IE 与 FF中兼容问题小结
2009/02/18 Javascript
js创建数据共享接口——简化框架之间相互传值
2011/10/23 Javascript
加载 Javascript 最佳实践
2011/10/30 Javascript
js获取url中的参数且参数为中文时通过js解码
2014/03/19 Javascript
ie8模式下click无反应点击option无反应的解决方法
2014/10/11 Javascript
javascript生成大小写字母
2015/07/03 Javascript
详解Javascript继承的实现
2016/03/25 Javascript
JS常用正则表达式总结【经典】
2017/05/12 Javascript
JS实现将二维数组转为json格式字符串操作示例
2018/07/12 Javascript
node中的密码安全(加密)
2018/09/17 Javascript
通过npm或yarn自动生成vue组件的方法示例
2019/02/12 Javascript
JS中async/await实现异步调用的方法
2019/08/28 Javascript
[01:57]2016完美“圣”典风云人物:国士无双专访
2016/12/04 DOTA
Python实现在matplotlib中两个坐标轴之间画一条直线光标的方法
2015/05/20 Python
浅谈python中的实例方法、类方法和静态方法
2017/02/17 Python
高效测试用例组织算法pairwise之Python实现方法
2017/07/19 Python
Python OpenCV读取png图像转成jpg图像存储的方法
2018/10/28 Python
PyQt QCombobox设置行高的方法
2019/06/20 Python
Python绘制堆叠柱状图的实例
2019/07/09 Python
python查找重复图片并删除(图片去重)
2019/07/16 Python
在python image 中安装中文字体的实现方法
2019/08/22 Python
解决Tensorflow sess.run导致的内存溢出问题
2020/02/05 Python
Python如何操作office实现自动化及win32com.client的运用
2020/04/01 Python
如何卸载python插件
2020/07/08 Python
python代码能做成软件吗
2020/07/24 Python
详解python metaclass(元类)
2020/08/13 Python
python3 通过 pybind11 使用Eigen加速代码的步骤详解
2020/12/07 Python
德国户外装备、登山运动和攀岩商店:tapir store
2020/02/12 全球购物
C语言编程题
2015/03/09 面试题
介绍一下SQL Server的全文索引
2013/08/15 面试题
毕业生的自我鉴定该怎么写
2013/12/02 职场文书
协议书模板
2014/04/23 职场文书
2014年少先队工作总结
2014/12/03 职场文书
致创业的您:这类人不适合餐饮创业
2019/08/19 职场文书