学做网站培训课程介绍

当前位置:

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,单独控制。

发表评论

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