善恶资源网专注优秀技术教程分享网-傅汉松!

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

傅汉松 技术教程

汉松出品|资源介绍

傅汉松本次为大家分享的是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,单独控制。


标签: 暂无标签

免责声明:

本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。侵删请致信E-mail:321976193@qq.com

同类推荐
评论列表

技术教程 Select下拉框选择后自动提交表单
我们知道Select下拉框是表单中常用的元素,它可以让我们下拉选择自己要的项目。当我们选择好后,要点击提交按钮才会提交表单。那么如何实现Select下拉框选择后...
扫描二维码阅读原文
QQ娱乐网 January, 01
生成社交图 ×
    76.50ms