jquery 使用下拉效果的实现

浏览数：8 / 时间：2015年06月09日

解析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+"&nbsp&nbsp"+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+"&nbsp&nbsp"+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‘);

                        });
        }