jQuery实现下拉菜单 （select option）

代码：

html代码

<span>性别</span>
<input id="patient_sex_sele" readonly  type="text" name="sexinput">
<ul class="option_sex">
    <li   value="男">男</li>
    <li   value="女">女</li>
</ul>

jQuery代码

$(document).ready(function(){
$('#patient_sex_sele').focus(function(){
    $('.option_sex').slideDown(500);
})
$('#patient_sex_sele').blur(function(){
    $('.option_sex').slideUp(500);  
})

var sexarr=$('.option_sex li');
    sexarr.each(function(i,domEles){
         $(domEles).click(function(){
            $('#patient_sex_sele').val($(domEles).text());
         })
    })     

})

利用jQuery遍历方法each来做