jquery 使用下拉效果的實現

標籤：style   blog   http   color   使用   os   

解析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‘);                        });        }