雅星娱乐注册:使用ajax+jqtransform实现动态加载se

时间: 作者:头多

  

[ajax,jqtransform,动态加载select]使用ajax+jqtransform实现动态加载select

  

今天在工作的时候遇到一个问题,页面中公司名称是在项目名称选择后用ajax读取出来的。但是jqtransform是在页面加载完成后调用的,所以导致了公司名称下拉框无法展示最新的数据。

  

  
    
  
  
$(function(){  
$('form').jqTransform({imgPath:'images/JQueryformimg/'});  
});  
  

  

  

  

  

  

  

用firebug可以看到数据其实已经拼接上去了,但是form已经在页面加载后已经调用过jqTransform方法, jqTransformSelectWrapper里面的ul数据没有更新。想了许久决定用简单粗暴的方法把ul更新掉。

  

  
  function companyAjax(proid){  
$.ajax({  
type:"POST",  
url:"${pageContext.request.contextPath}/recordsearch/ajax/getCompanyAjax.do",  
dataType:"json",  
data:{proid : proid},  
success:function(jsondata){  
var tmp='';  
tmp+='';  
$("#centerid").parent().remove();  
$("#comLable").after(tmp);  
$("#centerid").jqTransSelect();  
}  
});  
}
  

哈哈,在ajax查询公司数据之后,将jqtransform生成的select相关的div删除掉,然后把selct拼接上,再重新初始化select。方法比较蠢,不过先用着吧,以后有更好的办法再说。

  
  

  

  

  

是不是很炫酷。。哈哈,其实还是jqtransform比较给力,小伙伴们以后需要使用类似效果的话,可以参考下。

  

(责任编辑:admin)

推荐图片Related

相关文章Related

查看更多热门新闻


首页 | js代码 | jQuery特效 | 其他代码 | 关于我们

Copyright © 2010-2019 菲娱国际平台 版权所有

系统要求:本站自适应各终端浏览器分辨率

请使用Google、Firefox、IE9、百度浏览器登录网站

网站地图 | RSS订阅 | 菲娱国际平台