零基础学做网站培训介绍

当前位置:

Select下拉框选择后自动提交表单

我们知道Select下拉框是表单中常用的元素,它可以让我们下拉选择自己要的项目。当我们选择好后,要点击提交按钮才会提交表单。那么如何实现Select下拉框选择后自动提交表单呢?下面介绍一下方法。

首先给Select绑定一个事件函数。


<form id="form">
<select onchange="func()" >
<option value="0" >选项一</option>
<option value="1" >选项二</option>
</select>
</form>

然后定义一下这个事件函数,为触发submit()提交;


<script>
function func(){
//获取被选中的option标签
//var vs = $('select option:selected').val();
$("#form").submit()
}
</script>

这样只要使用select选择后,就会自动提交表单了,无需点击提交按钮也可以提交。如果一个表单里有多个select,可以给每个select添加不同的ID,单独控制。

相关阅读:

WordPress如何在投稿表单里加入advanced custom fields自定义字段

微信小程序form表单组件

DISCUZ 如何添加用户注册表单项字段文本框

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 什么是网站二级、三级联动选择二级、三级联动选择简单的说就是一层一层的选择,例如一些商城网站里,用户在选择衣服时,先选择品牌,再选择这个品
  • 在做网站时,在select选择框中,往往需要获取select被选中option的value和text的值,并且传给其它位置使用。获取select被选中option的value和text的值
  • 我们知道Select下拉框是表单中常用的元素,它可以让我们下拉选择自己要的项目。当我们选择好后,要点击提交按钮才会提交表单。那么如何实现Select下拉
  • 在学做网站时,网站导航上经常有下拉菜单,这样可以在有限的导航上呈现出更多的栏目。如何在做网站时,能够制作出下拉菜单呢?【相关知识:如
  • 在制作DEDECMS织梦网站的模板和学习仿站教程时,特别头痛的莫过于去制作网站的多级菜单导航了,很多时候制作出来的下拉菜单导航很多都会移位,使用固
  • 在一些门户网站上,由于项目众多,不可能全部将这些项目显示在主导航上,就可以通过二级菜单,三级导航,甚至四级导航来显示。如何在自己做网站
  • INPUT是制作网站中的填写框的元素,例如制作提交表单中的填写框,都是使用INPUT标签。常用实例代码:[cce_html]<input value="www.xuewang
  • 对于有条件的学员,在做网站的时候,可以选择服务器来存储自己网站的内容,这样打开速度快,反应敏捷。对于网站服务器来说,一般空间商会按照其性
  • 对于学建网站,首先必须有自己的网站域名,如何选择适合自己的网站域名呢?【相关教程:如何购买域名和空间】选择域名三要素: 域名要简单、
  • 问:购买虚拟空间Windows和Linux怎么选择啊!那个好些!答:根据网站程序的不同选择不同的服务器空间,ASP---WINDOWS  php---LINUX。通常我们在建
  • 经常更换wordpress主题,会有一个困扰,就是之前主题的内容区域宽度比较大,很多正文图片的尺寸可能是500px,而换了一个主题,内容区域的宽度比较小,
  • 在日常上网过程中,复制,粘贴是特别寻常不过的了,有时我们在某一网站复制后,粘贴到别的地方时,它会自己加上它网站的一个版权信息链接。比如:此文章转
  • dedecms全站伪静态教程分为五部分,包括“Apache设置、.htaccess文件设置、首页伪静态、列表页伪静态、文章页伪静态”。一、Apache文件设置
  • (特别全)网站收录提交链接及各大搜索引擎站长工具百度网站收录提交http://www.baidu.com/search/url_submit.html百度自动提交百
  • 学习2天,提交我的博客模版作业,老师这是我学习了博客网站课程之后,自己做的博客网站,感谢老师的课程,发自内心感谢。我把这个模版对应的整站
  • 这是我昨晚防的模具企业站,提交一下。我看了别的同学做的网站都高大上,我自己做的这个网站是一个模具网站,还是传统网站的版面,虽然不好看,但比较
  • 很多网站都是注册登录功能,如果想在自己的网站上添加注册,登录功能,就需要制作一个注册、登录表单,制作注册、登录表单是比较简单的,利用DW就可以
  • wordpress表单插件contact-form介绍:WordPress联系表单插件 – Contact Form 7 是一款简单易用扩展性灵活的表单插件,可以自定义各式各样不同类型的
  • ASP网站注册框可以通过Dreamweaver CS6破解版软件轻松制作出来,注册框包括:用户名,密码,重复密码,姓名,电话,地址。(相关知识:如何制作网站的