select2插件的disabled功能详解
来源:互联网 发布:淘宝酒仙网 编辑:程序博客网 时间:2024/05/17 04:19
最近做项目用到了select2插件,需求中需要给下拉框设置默认值之后,禁用下拉框,我开始的写法是这样的:
<select class="js-example"></select><script type="text/javascript"> $(function(){ $(".js-example").select2(); $(".js-example").val("CA").trigger("change"); //设置默认值 $(".js-example").prop("disabled", true); //设置下拉框不可用 });</script>
这个写法在 Chrome Firefox IE11 的显示如下,下拉框变成了不可用状态
但是在IE7、IE8、IE9、IE10 仍然是可用状态。
下面说最重要的部分,我把代码稍微修改一下,IE就都正常了,正确的代码如下:
<select class="js-example"></select><script type="text/javascript"> $(function(){ $(".js-example").select2(); $(".js-example").val("CA").trigger("change"); //设置默认值 }); $(".js-example").prop("disabled", true); //设置下拉框不可用</script>
如你所看到的,调整了一下 禁用下拉框的代码 的位置。
注意下面这段代码的位置,一定要写在select框下面,并且不要写在 $(function(){}); 中
$(".js-example").prop("disabled", true);
经过测试,这段代码在 Chrome Firefox IE7-IE11 均能正常显示。
0 1
- select2插件的disabled功能详解
- Select2给select加搜索功能的插件
- select2插件的使用
- 解决select2 disabled无效
- 关于select2插件的一些使用心得
- select2插件实现列表的模糊搜索
- 下拉列表Select2插件的使用
- jQuery的下拉选select2插件用法
- Select2插件的使用(绑定数据源)
- yii2-krajee-select2 插件的两个“坑”
- select2 插件使用
- JQuery插件之select2
- select2插件笔记
- JQUERY插件select2.js
- select2插件使用
- jquery select2插件 改造
- 插件 select2.js
- 给select2 jQuery下拉条select美化及功能扩展插件增加拼音筛选功能
- 索引的作用和为什么要创建索引
- 清理ambari安装的hadoop集群
- 二维数组顺时针打印
- JAVA设计模式(10) —<结构型>桥接模式(Bridge)
- 北航上机测试准备 程序1
- select2插件的disabled功能详解
- Java程序初始化顺序
- 如何在高并发分布式系统中生成全局唯一Id
- 奇偶数分离
- 基於jquery 的 Tab
- andorid 自动化测试初探
- C++内存对齐问题
- windows平台进程CPU占用率的计算
- MYSQL常用命令大全(demo all)