• 专注于网站建设,网络推广,关键词优化,SEO优化,专业的网站建设开发团队!

js选中下拉框项自动提交表单

2015-06-10 23:31:02   来源:叶景网络

在添加栏目的过程中,首先选择模型,如文章、图片、下载等模型,选中下拉菜单的一项后,会触发JS的onChange()事件,自动提交表单,返回该模型相应的栏目。代码如下:
<form action="/Web/insert" method="POST" > 
    <table width="100%" cellspacing="0" style="font-size:12px;"> 
       <tbody> 
            <tr> 
            <td width="100" align="center">请选择模型:</td> 
            <td align="left"> 
           <select name="modelid" id="modelid" onChange="document.all.dosubmit.click()"> 
         <option value="0">模型</option>   
            <volist name="mlist" id="mo"> 
              <if condition="$modelid eq $mo['modelid']">  
               <option value="$mo['modelid']" selected>{$mo['model']} </option> 
              <else />    
                <option value="{$mo['modelid']}">{$mo['model']}</option>  
              </if> 
               </volist>                    
        </select>         
      <input  type="submit"  name='dosubmit' style="display: none;" value="提交" />   
          </td>    
        </tr> 
   </form>
在整个JS自动触发事件的过程中,起关键作用的代码是onChange="document.all.dosubmit.click()",经测试,这段JS代码在IE浏览器中可以正常执行,但到了火狐浏览器后,却无法执行了。
问题的解决办法
1、经表单<form action="/Web/insert" method="POST" >添加一个ID名称,如<form id="mid" action="/Web/insert" method="POST" >
2、把document.all.dosubmit.click()修改为document.getElementById('mid').submit()
完成上面的修改后,添加栏目可以在IE、火狐和谷哥浏览器完成!因为我的电脑里就只装了以上三种主流浏览器,其它的有等测试。

叶景网络,网络推广,网站建设
特别推荐RECOMMEND
搜索引擎网站关键词seo优化的意义
视频推广怎么做
网站seo优化怎么做关键词排上首页?
SEO介绍什么叫搜索引擎网站关键词优化
seo优化怎样做提升关键词排名
热点图文Hot
QQ客服不加好友直接打开聊天窗口 QQ客服不加好友直接
网页手机wap2.0网页布局 页面尺寸设置 网页手机wap2.0网页
手机wap页面前端的一点体会 手机wap页面前端的
常用的文本符号以及非主流符号大全 常用的文本符号以及
关注排行RANKING
1

QQ客服不加好友直接打开聊天窗口

QQ客服不加好友直接打开聊天窗口 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网...

2

网页手机wap2.0网页布局 页面尺寸设置

网页手机wap2.0网页布局 页面尺寸设置 网页手机wap2 0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以...

3

手机wap页面前端的一点体会

手机wap页面前端的一点体会 手机端的html页面就像回到了最早的纯文本时代~~ 没有JS,只有单纯的div+css~容易上手,...

4

常用的文本符号以及非主流符号大全

常用的文本符号以及非主流符号大全 在word文档工具栏的符号那里提供了许多文本符号,但我还是觉得不够用,于是我从网上搜寻...

5

input /button链接的几种方法

input /button链接的几种方法 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网...

6

用JavaScript怎么实现页面跳转

用JavaScript怎么实现页面跳转 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网...

7

从GB2312(UTF-8)页面获取表单转换...

从GB2312(UTF-8)页面获取表单转换成UTF-8(GB2312) 由于我的网站编码是GB2312,而另一个网站(不是我的)编码却是UTF-8, ...

8

收藏本站和设为主页代码

收藏本站和设为主页代码 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网...

9

textarea 滚动条属性设置

textarea 滚动条属性设置 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网...