学做网站培训课程介绍

当前位置:

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选择后,就会自动通过jquery提交表单了,无需点击提交按钮也可以提交。如果一个表单里有多个select,可以给每个select添加不同的ID,单独控制。

发表评论

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

相关教程

  • 什么是网站二级、三级联动选择二级、三级联动选择简单的说就是一层一层的选择,例如一些商城网站制作里,用户在选择衣服时,先选择品牌,再选择这
  • 在做网站时,在select选择框中,往往需要获取select被选中option的value和text的值,并且传给其它位置使用。获取select被选中option的value和text的值
  • 在学做网站时,网站导航上经常有下拉菜单,这样可以在有限的导航上呈现出更多的栏目。如何在做网站时,能够制作出下拉菜单呢?【相关知识:如
  • 在制作DEDECMS织梦网站的模板和学习仿站教程时,特别头痛的莫过于去制作网站的多级菜单导航了,很多时候制作出来的下拉菜单导航很多都会移位,使用固
  • 本文件为Jquery+input日期时间下拉框,用于制作网站上的INPUT填写框的下拉日期时间选择功能。在制作网站表单时,有时需要让用户填写日期和时间,为了
  • 我们知道Select下拉框是表单中常用的元素,它可以让我们下拉选择自己要的项目。当我们选择好后,要点击提交按钮才会提交表单。那么如何实现Select下拉
  • 对于有条件的学员,在做网站的时候,可以选择服务器来存储自己网站的内容,这样打开速度快,反应敏捷。对于网站服务器来说,一般空间商会按照其性
  • 对于学建网站,首先必须有自己的网站域名,如何选择适合自己的网站域名呢?【相关教程:如何购买域名和空间】选择域名三要素: 域名要简单、
  • 经常更换wordpress主题,会有一个困扰,就是之前主题的内容区域宽度比较大,很多正文图片的尺寸可能是500px,而换了一个主题,内容区域的宽度比较小,
  • 在日常上网过程中,复制,粘贴是特别寻常不过的了,有时我们在某一网站复制后,粘贴到别的地方时,它会自己加上它网站的一个版权信息链接。比如:此文章转
  • (特别全)网站收录提交链接及各大搜索引擎站长工具百度网站收录提交http://www.baidu.com/search/url_submit.html百度自动提交百
  • 学习2天,提交我的博客模版作业,老师这是我学习了博客网站课程之后,自己做的博客网站,感谢老师的课程,发自内心感谢。我把这个模版对应的整站
  • 很多网站都是注册登录功能,如果想在自己的网站上添加注册,登录功能,就需要制作一个注册、登录表单,制作注册、登录表单是比较简单的,利用DW就可以
  • wordpress表单插件contact-form介绍:WordPress联系表单插件 – Contact Form 7 是一款简单易用扩展性灵活的表单插件,可以自定义各式各样不同类型的