自定义select下拉

$(function(){

$(".djlist").click(function(){
if($(this).find(".listItem").is(":hidden")){
$(".listItem").hide();
$(this).find(".listItem").show();

} else{

$(this).find(".listItem").hide();
}

});

$(".listItem li").click(function(){

var getV=$(this).find("a").html();

$(this).parents(".listItem").prev().children(".values").html(getV);
});

});

 

html:

<div class="djlist">
<div class="xiala"><img src="images/img04.png" class="icon-1" /><span class="values">三级产品</span><img src="images/img05.png" class="icon-2" /></div>
<ul class="listItem">
<li><a href="javascript:void(0);">三级产品</a></li>
<li><a href="javascript:void(0);">三级产品1</a></li>
<li><a href="javascript:void(0);">三级产品2</a></li>
<li><a href="javascript:void(0);">三级产品3</a></li>
</ul>


</div>