使用jquery模拟select下拉框

js:

$(function(){ 
  $(".account_withdraw_dv5_li3_dropdown_select").click(function(){ 
  var ul = $("#account_withdraw_dv5_li3_dropdown ul"); 
  if(ul.css("display")=="none"){ 
  ul.slideDown("fast"); 
  }else{ 
  ul.slideUp("fast"); 
  } 
  }); 
  $("#account_withdraw_dv5_li3_dropdown ul li a ").click(function(){ 
  var txt = $(this).text(); 
  $(".account_withdraw_dv5_li3_dropdown_select").val(txt); 
  var value = $(this).attr("rel"); 
  $("#account_withdraw_dv5_li3_dropdown ul").hide();  
  }); 
  });

css:

.account_withdraw_div1_body_dv5_li3_sp2 {
float: left;
margin-left: 15px;
font-size: 14px;
width:248px;
cursor:pointer;
}
#account_withdraw_dv5_li3_dropdown {
width:248px;
height:40px;
position:relative;
cursor:pointer;
}
.account_withdraw_dv5_li3_dropdown_select {
background: url("../images/news/2015042916327.png") no-repeat center;
width:248px;
height:40px;
border:1px solid #dddddd; 
padding-left:5px;
cursor:pointer;
}
.account_withdraw_dv5_li3_dropdown_select:focus{border:1px solid #29a1de;}
.account_withdraw_dv5_li3_dropdown_select:hover{border:1px solid #29a1de;}
#account_withdraw_dv5_li3_dropdown ul {
width:248px; 
background:#fff;
border:1px solid #dddddd; 
position:absolute; 
display:none;


}
#account_withdraw_dv5_li3_dropdown ul li {
height:24px;
line-height:24px;
text-indent:10px
}
#account_withdraw_dv5_li3_dropdown ul li a {
display:block; 
height:24px; 
color:#807a62; 
text-decoration:none;
}
#account_withdraw_dv5_li3_dropdown ul li  a:hover {
background:#29a1de;
color:#fff;

} 

html:

<span class="account_withdraw_div1_body_dv5_li3_sp2">
              <div id="account_withdraw_dv5_li3_dropdown"> 
<input class="account_withdraw_dv5_li3_dropdown_select" type="text"/> 
<ul> 
<li><a>农业银行</a></li> 
<li><a>工商银行</a></li> 
<li><a>交通银行</a></li> 
<li><a>长沙银行</a></li> 
</ul> 
</div> 
               </span>

效果如下：