jquery multiselect 插件change事件ajax返回数据append后不能正常显示

走在四季 2015-07-10 03:34:03
jsp代码:
<div style="float: left;">大洲:
<select name="example-list" id="my_continent" multiple="multiple" >
<option value="亚洲">亚洲</option>
<option value="北美洲">北美洲</option>
<option value="大洋洲">大洋洲</option>
<option value="拉美洲">拉美洲</option>
<option value="欧洲">欧洲</option>
<option value="非洲">非洲</option>
</select>
</div>
<div style="float: left;">国家:
<select name="example-list" id="my_country" multiple="multiple" >
</select>
</div>

想做一个级联国家查询
javascript代码:
$("#my_continent").change(function(){
var country = $("#my_country");
country.empty();
var continents = $("#my_continent").multiselect("update");
/* var con1 = $("#my_continent").multiselect('getChecked').map(function(){
return this.value;
}).get();
alert(con1);//这样也可以取到值 */
//$("#my_country").multiselect();
var url="${ctx }/user/train-notice!ajaxCountrys.action";
var data="continent="+continents;
$.ajax({
url:url,
data:data,
type:"post",
dataType:'text',
success:function(msg){
var jsons=eval("("+msg+")");
//alert(jsons+"==="+jsons.length);
for ( var int2 = 0; int2 < jsons.length; int2++) {
if(jsons[int2]!=null&&jsons[int2]!=""&&jsons[int2]!=" "){
country.append("<option value="+jsons[int2]+">"+jsons[int2]+"</option>");
}
}
}
});
//$("select").multiselect("refresh");
//$("#my_country").multiselect("refresh");
});


页面效果:

国家不能正常显示。
百度查了下,有人说“看源码,有个refresh方法,每次动态将select里的option跟换,然后调用refresh就ok”;
我试着加了
//$("select").multiselect("refresh");
//$("#my_country").multiselect("refresh");
这两个都没起作用。还望高人指教,谢谢,祝有缘观者工作顺利,身心健康,事事如意,恭喜发财。。。。。。
...全文
1201 6 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
wc250025 2017-06-06
  • 打赏
  • 举报
回复
https://stackoverflow.com/questions/20401703/bootstrap-multiselect-update-option-list-on-flow $('.multiselect').multiselect('rebuild') 向select添加option之后调一下这个方法。bootstrap-multiselect 0.9.13版本下可用。
baidu_35734202 2016-07-28
  • 打赏
  • 举报
回复
楼主最后解决了没?我遇到的问题跟你一模一样
mexican_jacky 2016-04-14
  • 打赏
  • 举报
回复
我也遇见了 但是真心没用还在解决中...
走在四季 2015-07-10
  • 打赏
  • 举报
回复
有路过的大神没?求你降落,否则。。。好吧,飞的太高了,打不着你。。
走在四季 2015-07-10
  • 打赏
  • 举报
回复
http://davidstutz.github.io/bootstrap-multiselect/#getting-started 英文文档,真心看不懂,只好硬着头皮看一点,打开翻译软件一行一行的比对,但好多地方还是弄不太明白。
走在四季 2015-07-10
  • 打赏
  • 举报
回复
style="display: none;" 第一个大洲也有,但却是显示的。国家如果把这个去掉,

是这样的效果。

81,122

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧