我们知道 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主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!