jquery 使用下拉效果的实现
解析xml内容 灵活应用 如果用xx是xml串 ,数据类型则为string
如果获取字符串的长度 用xx.length
如果xml有空的可,解析xml分开可以避免为空时报错 如:
var retobj = $(xx).find("SinAssocationRes");
然后
if(retobj) {
retobj.each(function(){
var Ad=$(this).attr("Address");
var Po=$(this).attr("PostCode");
s +="<li style='font-family: 微软雅黑;color:white;letter-spacing:2px;padding:5px;list-style:none;z-index:1;margin-left:-38px;' >"+Po+"  "+Ad+"</li>";
});
jquery拼装<li>字符串;
var xx = xmlHttp.responseText; if(xx.length > 66){ var s=""; var retobj = $(xx).find("SinAssocationRes"); if(retobj) { retobj.each(function(){ var Ad=$(this).attr("Address"); var Po=$(this).attr("PostCode"); s +="<li style='font-family: 微软雅黑;color:white;letter-spacing:2px;padding:5px;list-style:none;z-index:1;margin-left:-38px;' >"+Po+"  "+Ad+"</li>"; });
jquery拼装<li>字符串;
$(".lidata").empty(); $(".codelist").css('display','block'); $(".lidata").append(s); //添加div codelist边框 $('.lidata>li').bind('mouseover',function(){ $(this).css('background','#75E85E') }).bind('mouseout',function(){ $(this).css('background','') }); $(".lidata>li").click( function () { $(".addrbox").val('');//清空input text内容
var code=$(this).html().substr(0,16); var address=$(this).html().substr(18); //$("input[class='addrbox']").val()=null; $("input[class='addrbox']").attr("placeholder",address); $("input[id='p1']").attr("placeholder",code[0]); $("input[id='p2']").attr("placeholder",code[1]); $(".codelist").css('display','none'); }); }
posted on 2014-07-23 23:25 < Angus > 阅读(1037) 评论(0) 编辑 收藏 举报