JQuery/PHP

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

阿里云

我们知道 Select 下拉框是表单中常用的元素,它可以让我们下拉选择自己要的项目。当我们选择好后,要点击提交按钮才会提交表单。那么如何实现 Select 下拉框选择后自动提交表单呢?下面介绍一下方法。

首先给 Select 绑定一个事件函数。

也想出现在这里?联系我们
创客主机
  1. <form id="form">
  2. <select onchange="func()" >
  3. <option value="0" >选项一</option>
  4. <option value="1" >选项二</option>
  5. </select>
  6. </form>

然后定义一下这个事件函数,为触发 submit()提交;

  1. <script>
  2. function func(){
  3. //获取被选中的option标签
  4. //var vs = $('select option:selected').val();
  5. $("#form").submit()
  6. }
  7. </script>

这样只要使用 select 选择后,就会自动提交表单了,无需点击提交按钮也可以提交。如果一个表单里有多个 select,可以给每个 select 添加不同的 ID,单独控制。

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

已有 301 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!