
select2
你认识小汐吗
这个作者很懒,什么都没留下…
展开
-
select2去除搜索框
设置select2属性:$("#type_select").select2({ minimumResultsForSearch: -1 });原创 2018-05-09 13:38:42 · 8556 阅读 · 2 评论 -
validate校验select2无效问题解决
问题介绍:在项目中使用select2美化select标签,使用validate校验不生效,发现问题如下: 1、使用select2美化select下拉列表后,select2会把原来的select隐藏掉,设置css属性(display:none),然后再通过select2重新定制界面2、但jquery.validate.js默认不是校验:hidden属性的控件,所以造成原来的selec...原创 2018-07-30 10:10:14 · 6596 阅读 · 0 评论 -
使用jquery给select2赋值问题
直接上代码$("#requirement").select2("val", ["xxx"]);$("#requirement").val(["xxx"]).trigger("change");两种都可以,其中“xxx”表示option标签对应的value值,要用[ ]括号括起来,如果是单选,就只写一个值,如果是多选,可以放多个值得数组。...原创 2018-07-24 17:36:28 · 21715 阅读 · 1 评论 -
select2 插件ajax动态添加option选项
在使用select2插件时,需要ajax获取数据列表,组装option拼接到<select>标签下。直接使用append方法拼接会出现错误,$(".select2").append(`<option value="${ownerNameHidden}" selected>${ownerNameHidden}</option>`);拼接了之后发现下拉选没有出现,查...原创 2018-07-05 11:21:42 · 9977 阅读 · 0 评论 -
select2删除选中项,allowClear设置
在使用select2过程中,有时候需要删除我们选中的选项,如下图:这时候就需要设置select2的allowClear属性了。有两种方法:第一种: 直接用select2定义的一个class $(".select2-allow-clear").select2({ allowClear: true, placeholder: plac...原创 2018-05-15 17:50:37 · 18836 阅读 · 3 评论 -
select2添加placeholder
我们知道,如果使用传统的select标签,想要加placeholder,直接添加 placeholder=“请输入”属性就可以,但是如果使用select2插件,placeholder属性就不管用了,这时候我们应该使用data-placeholder属性,如下图:...原创 2018-05-15 17:35:03 · 9863 阅读 · 0 评论 -
select2使用模态框,搜索框无法输入问题解决
使用模态框,一般都会自动带上一个属性,tabindex="-1",因为这个属性的存在,导致select2的搜索框无法输入,去掉这个属性即可解决。 html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序。 把控件的tabIndex属性设成1到32767的一个值,就可以把这个控件加入到TAB键的序列中。...原创 2018-05-15 09:19:46 · 4693 阅读 · 2 评论 -
Select2插件dropDown的配置
近期公司开发页面,使用到了select2的js插件--select2.full.min.js,我们有个需求就是在option的text内容前面和后面要动态的加上图标,如图: 面临问题:使用select2,option的下拉框会经过处理变成<span>标签在页面上显示,所以无法再option上进行添加,而且<option>标签不支持后面加图标。 问题解决:...原创 2018-05-04 14:23:10 · 2343 阅读 · 0 评论 -
select2下拉框去除已经选中的值
/* 设置select2选中项不显示 */.select2-results__option[aria-selected=true]{ display:none;}原创 2018-05-10 10:26:23 · 3915 阅读 · 0 评论 -
初始化select2
$(".select2").select2();原创 2018-09-03 12:02:16 · 1767 阅读 · 0 评论