如何使select2插件下拉框多选并获取选中的值

 时间:2024-10-15 15:59:53

1、第一步,创建静态页面select.html,引入select2相关的css和js文件,并引入jQuery核心js,如下图所示:

如何使select2插件下拉框多选并获取选中的值

2、第二步,在body标签内插入select元素,设置属性multiple和class,宽度为300px,如下图所示:

如何使select2插件下拉框多选并获取选中的值

3、第三步,初始化select2插件,需要调用select2()方法,如下图所示:

如何使select2插件下拉框多选并获取选中的值

4、第四步,为了演示获取下拉框值,这里利用button按钮点击事件,在select下方插入一个水瑞侮瑜button按钮,如下图所示:

如何使select2插件下拉框多选并获取选中的值

5、第五步,编写按钮点击事件,事件里获取多选下拉框值和文本内容,如下图所示:

如何使select2插件下拉框多选并获取选中的值

6、第六步,在浏览器中进行预览,点击“取值”按钮,会看到打印下拉框选择的值和文字,如下图所示:

如何使select2插件下拉框多选并获取选中的值
  • eclipse配置svn
  • 在plsql developer软件中如何切换oracle用户
  • notepad自动换行
  • 达梦(DM7)数据库文件导入到达梦数据库
  • js分割字符串的方法
  • 热门搜索
    南昌旅游网 内蒙古旅游景点地图 盘锦红海滩旅游攻略 合肥市旅游局 庆阳旅游景点大全 韩国旅游买什么最值 汉源旅游景点 茂名放鸡岛旅游攻略 去哪里旅游便宜又好玩 佘山旅游攻略