标签：
$(function(){ var a=$("<div>sdfsdfdsfsdfdsfdsfdsfdfsd<div id=‘p‘>adsfsdaffffffffffffffffffffffffffffffff</div></div>"); a.append("<div class=‘pp‘>asdfsdafsdafsdafffffff</div>"); $(".pp").css("background-color","red"); $(".pp").click(function(){alert("dianji")}); $("#test").append(a); $("#p").css("background-color","red"); $("#p",a).click(function(){ alert("asdf"); }) function createSelect(){ var sel="<div id=‘sel‘><div id=‘contentdiv‘></div><div id=‘selectdiv‘></div></div>" var sels=$(sel); this.add=function(value){ var html="<div class=‘divoption‘>"+value+"</div>"; $("#selectdiv",sels).append(html); } this.setWidth=function(width){ $("#sel,#contentdiv,#selectdiv,.divoption").css("width",width+"px"); } $(".option").mouseover(function(){ $(".selected").removeClass("selected"); $(this).addClass("selected"); }); $(".option").mouseout(function(){ $(this).removeClass("selected"); }) $("#content").click(function(){ //$("#selectdiv").css("display","none"); $("#selectdiv").css("display","block"); //alert($("#selectdiv").css("display")); $(".option").each(function(){ if($(this).html()==$("#content").html()) { $(this).addClass("selected"); } }) }) $(".option").click(function(){ $("#content").html($(this).html()); $("#selectdiv").css("display","none"); }) } $("select[id=te]").get(0).selectedIndex=1; $(".option").mouseover(function(){ $(".selected").removeClass("selected"); $(this).addClass("selected"); }); $(".option").mouseout(function(){ $(this).removeClass("selected"); }) $("#content").click(function(){ //$("#selectdiv").css("display","none"); $("#selectdiv").css("display","block"); //alert($("#selectdiv").css("display")); $(".option").each(function(){ if($(this).html()==$("#content").html()) { $(this).addClass("selected"); } }) }) $(".option").click(function(){ $("#content").html($(this).html()); $("#selectdiv").css("display","none"); }) })
</script>
<style> #sel{ position:relative; width:50px; } #selectdiv { position:absolute; z-index:12; width:50px; border:1px solid black; display:none; top:25px; left:0; } .option{ width:50px; text-align:left; }
#content { width:50px; height:25px; border:1px solid black; } .selected{ background-color:rgb(51,153,255); }
</style> </head>
<body> <div id="sel"> <div id="content"></div> <div id="selectdiv"> <div class="option">1</div> <div class="option">2</div> <div class="option">3</div> <div class="option">4</div> <div class="option">5</div> <div class="option">6</div> </div> </div>
<div id="test"></div>
</body>
</html>
标签：
原文地址：http://www.cnblogs.com/chillaxyw/p/4795814.html
