Jquery chosen动态设置值
来源:互联网 发布:淘宝价格代码 编辑:程序博客网 时间:2024/06/05 06:24
Jquery chosen 地址:https://github.com/harvesthq/chosen
一款选择插件,支持检索,多选,但不支持输入效果如下图
确定是用的这个哦, 不然可往下看也没有什么意义了
突然发现如果用在省市选择发现有如下问题:
1,不能动态设置值
2,不能动态设置选中
看了好几遍API愣是米有发现有方法可以直接调用。没办法就看源码,发现在其初始化的时候有一个判断如下图:
发现有个destroy是不是("#city).chosen("destroy");就可以了呢。把猜想试了一下果然可以。在这之前调试过其生成的dom想通过直接将其生成的dom移除掉,结果是不可行的,能移除掉,但是就再也无法初始化了。浪费了二三个小时哇。
首先解决第一个问题
$("#province").change(function(){$("#city").html("");$("#city").chosen("destroy");$("<option value='-1'>-全部-</option>").appendTo("#city");$.getJSON("${ctx}/api/getCityByProvinceJson.jsp",{province:$("#province").val()},function(data){$.each(data,function(i){$("<option value='"+data[i].city+"'>"+data[i].city+"</option>").appendTo("#city");});$("#city").attr("multiple",true);$("#city").chosen({no_results_text : "未找到此选项!",width:"70%"});});});$("#city").chosen({no_results_text : "未找到此选项!",width:"70%"});
这样便可动态设置值了,感觉代码有点重复,但是目前还没有找到比较好的方法
下面解决第二个问题
用法跟上面相似,先给select设置值再用初始化下拉框,代码如下:
$("#city").val("上海");$("#city").chosen({no_results_text : "未找到此选项!",width:"70%"});
这样便可以动态设置选中了
- Jquery chosen动态设置值
- Jquery chosen动态设置值实例介绍
- Jquery chosen动态设置值 select Ajax动态加载数据 设置chosen和获取他们选中的值
- jquery select chosen 动态绑定值
- jquery-chosen设置默认值
- chosen.jquery 插件 动态设置下拉选项被选中selected
- 如何获取 chosen chosen.jquery.js 选中的值
- 如何获取 chosen chosen.jquery.js 选中的值
- chosen jquery
- chosen.jquery
- 【jquery】Chosen.jquery.js 插件动态加载数据问题
- How do I reset a jquery-chosen select option with jQuery?重置chosen组件值状态
- jquery select 插件 chosen
- jquery Chosen使用
- jquery chosen 插件
- jquery Chosen使用
- jquery chosen 三级联动
- jquery chosen api
- Android ShakeDetector(摇晃检测)
- 利用qrcode.jar生成和解析二维码(非zxing)
- 屏蔽页面backspace键,防止浏览页后退,转自 稀饭土豆的番茄
- SICP 习题 (1.6) 解题总结:对if语句的特殊处理
- JDK1.5 之 自动拆箱装箱
- Jquery chosen动态设置值
- 一道有意思的Google面试题
- (MM)PR与PO的控制
- Linux 2.6.24 内核注解 -- 第二季
- MySQL中InnoDB与MyISAM区别
- H - More is better
- Qt之中文显示(QMessageBox、QLineEdit右键菜单等)
- Python 小技巧集锦(不断更新)
- HttpClient 学习整理