select2 取值 遍历 设置默认值

select2 取值 遍历 设置默认值


本章内容主要介绍Select2 的初始化,获取选中值,设置默认值,三个方法。Select2 美化了单选框,复选框和下拉框,特别是下拉框多选的问题。但同时,Select2也有很多吭(单选下拉框有明显的搜索输入框,而多选下拉框没有,但实际也支持多选。直接在input框输入即可)。

效果图:

select2 取值 遍历 设置默认值_第1张图片


需求:使用Select2实现下拉框多选,并获取选中值,初始设置默认值

技术:select2.js ,prototype.js,jquery.js

源码:https://github.com/ITDragonBlog/daydayup/tree/master/JQuery-select2/select2-4.0.0

说明:select2是jquery插件,取值和设置默认值都可以用jquery单独完成。为什么用prototype.js ?因为在公司用prototype.js 写的,笔者因为各种原因,没有用jquery重写(原谅我比较懒)。还有一点值得注意:获取的文本值可能有空格哦!!!笔者就是被吭了一脸!

一切尽在代码中:





select2实例
<









	
	

这样就做好了,是不是很简单,如果不能满足你的需求,可以去官网学习:http://select2.github.io/examples.html

资源下载:http://download.csdn.net/detail/qq_19558705/9290851 (本来是0积分分享的,被csdn设置成15积分。大家就用上面的github地址吧)

你可能感兴趣的:(jquery插件)