jquery 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%"});

这样便可以动态设置选中了

参考：https://www.xuebuyuan.com/2095669.html

https://blog.csdn.net/datouniao1/article/details/78611542

jquery chosen动态设置值相关推荐

jquery 样式获取设置值_[JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式...
jQuery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后只有21k) , 它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safa ...
公益图书馆-学习笔记五-jquery来动态设置div高度
使用jquery来设置html元素的显示与隐藏属性,同时调整div的高度注意1:jquery无法获取图片高度!因为jquery是在网页框架加载完就立即执行,此时网页里的图片还没有加载,被jquery ...
jQuery Backstretch动态设置背景图片插件
贴图知乎:显著提升程序员身心健康和工作效率的装备有哪些? 笔记本: 1.银河舰队 PAVILION 15-bc011TX光暗影精灵2 2.顽石 -FL5900U7500超薄i7(性价比最高) ...
jquery 样式获取设置值_jQuery获取样式中的背景颜色属性值/颜色值
天使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE中与Chrome.Firefox显示的格式不一样,IE中是以HEX格式显示#ffff00,而Chrome. ...
jQuery如何动态设置iframe的src属性
一句搞定,不搞那些花里胡哨的 $('#InformationURL').attr('src', 'https://www.baidu.com'); //#InformationURL: iframe的 ...
vue修改meta值_vue中动态设置meta标签和title标签的方法
vue中动态设置meta标签和title标签的方法因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮,所有就需要手动设置meta标签,标题和内容 //router内的设置 ...
Jquery系列:checkbox 获取值、选中、设置值、事件监听等操作
<div id="divId" class="divTable"><div class="tableBody">&l ...
android 动态设置padding,Android动态设置控件大小以及设定margin以及padding值
http://www.aichengxu.com/Java/73893.htm Android动态设置控件大小以及设定margin以及padding值,有需要的朋友可以参考下. 一.概述在andro ...
Layui中Jquery动态设置的select标签加载时而正常时而失效问题排查和解决
1.背景前段使用Layui框架,jQuery动态设置的下拉框select标签,加载时而正常时而失效. 本地调试完全没有问题,但是在服务器运行加载成功和失败的比例五五开. 2.解决问题原因:Layu ...
ajax拿table里的th值,Jquery Ajax 异步设置Table中某列的值
可根据table中某列中的ID去改变某列的值! 只是参考,实际应用中不能这样做的,如果有很多行,频繁访问服务器,服务器是顶不住的! JS: $(document).ready(function () ...

jquery chosen动态设置值

jquery chosen动态设置值相关推荐

最新文章

热门文章