学做网站培训课程介绍

当前位置:

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的值
  • 在一些门户网站上,由于项目众多,不可能全部将这些项目显示在主导航上,就可以通过二级菜单,三级导航,甚至四级导航来显示。如何在自己做网站
  • 在之前的建网站的教程中,我们给大家讲了如何制作网站导航的二级导航,通过DIV+CSS的方式,可以制作出网站的二级菜单。这种方法是可能帮助我们去制作
  • 本文件为Jquery+input日期时间下拉框,用于制作网站上的INPUT填写框的下拉日期时间选择功能。在制作网站表单时,有时需要让用户填写日期和时间,为了
  • 我们知道Select下拉框是表单中常用的元素,它可以让我们下拉选择自己要的项目。当我们选择好后,要点击提交按钮才会提交表单。那么如何实现Select下拉
  • 对于有条件的学员,在做网站的时候,可以选择服务器来存储自己网站的内容,这样打开速度快,反应敏捷。对于网站服务器来说,一般空间商会按照其性
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS选择器类型和样式。什么是CSS选择器每一条css样式定义由两部分组成,形式如下:
  • 在日常上网过程中,复制,粘贴是特别寻常不过的了,有时我们在某一网站复制后,粘贴到别的地方时,它会自己加上它网站的一个版权信息链接。比如:此文章转
  • 近期,有一些学做网站论坛的学员反映,当他们在wordpress网站的后台发布文章后,点击编辑器的HTML模式,会发现在文章的下面出现了一段无名的代码。代
  • 学习2天,提交我的博客模版作业,老师这是我学习了博客网站课程之后,自己做的博客网站,感谢老师的课程,发自内心感谢。我把这个模版对应的整站
  • 这是我昨晚防的模具企业站,提交一下。我看了别的同学做的网站都高大上,我自己做的这个网站是一个模具网站,还是传统网站的版面,虽然不好看,但比较
  • wordpress表单插件contact-form介绍:WordPress联系表单插件 – Contact Form 7 是一款简单易用扩展性灵活的表单插件,可以自定义各式各样不同类型的
  • Form表单在网站制作中经常用到,可以用于提交各类数据给另一个页面处理。也可以实现提交发送给邮箱,常用的是QQ邮箱。HTML提交表单电子