jquery 使用下拉效果的实现

解析xml内容灵活应用如果用xx是xml串，数据类型则为string

如果获取字符串的长度用xx.length

如果xml有空的可，解析xml分开可以避免为空时报错如：

varretobj=$(xx).find("SinAssocationRes");
然后

if(retobj){
retobj.each(function(){
varAd=$(this).attr("Address");
varPo=$(this).attr("PostCode");
s+="<listyle='font-family:微软雅黑;color:white;letter-spacing:2px;padding:5px;list-style:none;z-index:1;margin-left:-38px;'>"+Po+"  "+Ad+"</li>";
});
jquery拼装<li>字符串；

varxx=xmlHttp.responseText;
if(xx.length>66){
vars="";
varretobj=$(xx).find("SinAssocationRes");
if(retobj){
retobj.each(function(){
varAd=$(this).attr("Address");
varPo=$(this).attr("PostCode");
s+="<listyle='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);
//添加divcodelist边框

$('.lidata>li').bind('mouseover',function(){
$(this).css('background','#75E85E')
}).bind('mouseout',function(){
$(this).css('background','')
});
$(".lidata>li").click(function(){

$(".addrbox").val('');//清空inputtext内容

varcode=$(this).html().substr(0,16);
varaddress=$(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');

});
}