jQuery模拟下拉选

来源:互联网 发布:馆陶县行知教育集团 编辑:程序博客网 时间:2024/06/06 02:26

HTML的代码如下

<tr>

                             <td class="z_td_left"><label>类别:</label></td>
                             <td class="z_td_right" style="z-index:2005">
                              <input type="hidden" value="00" id="questiontype" name="questiontype" />
                            <label class="selector" id="inputselect" style="width:226px;text-align: left;/* background: url(/ecenter/images/select.png) 205px 2px no-repeat; */">
                                <span id="initcontent"  style="display:inline-block;text-indent:0; float:left; width:193px; ">导航菜单</span>
                                <em id="clickselect"></em>
                            </label>
                            <div id="riskcode" class="divselect" style="position:absolute;margin-top:28px;padding-bottom:0px;">
<ul style="overflow:auto; height:auto;width:230px; border:1px solid #ccc;_margin-top:7px;">
    <li><a href="javascript:;" selectid="1">导航菜单</a></li>
       <li><a href="javascript:;" selectid="2">特效</a></li>
       <li><a href="javascript:;" selectid="3">APP</a></li>
       <li><a href="javascript:;" selectid="4">保险</a></li>
       <li><a href="javascript:;" selectid="7">中国人寿</a></li>
       <li><a href="javascript:;" selectid="8">中国平安</a></li>
      
        <li><a href="javascript:;" selectid="9">中国太平洋</a></li>
</ul>
</div>
                             </td>

                         </tr>


jQuery.divselect = function(divselectid,inputselectid,hiddenvalue) {
var inputselect = $(inputselectid);
$(inputselectid).click(function(){
var ul = $(divselectid+" ul");
if(ul.css("display")=="none"){
ul.slideDown("fast");
}else{
if((navigator.userAgent.indexOf('MSIE') >= 0)&&($.browser.version == 7.0)){

}else{
ul.slideUp("fast");
}
}
});
$(divselectid+" ul li a").click(function(){
var txt = $(this).text();
$(inputselectid+" span").html(txt);

var value = $(this).attr("selectid");
$(hiddenvalue).val(value);
if(divselectid =="#riskcode"){
changeKindName();
}
$(divselectid+" ul").hide();

});


$(document).click(function (e) { 
var v_id = $(e.target).attr('id'); 
if(v_id!=inputselectid&&v_id!=$(inputselectid+" span").attr('id')&&v_id!=$(inputselectid+" em").attr('id')){
var ul = $(divselectid+" ul");
if(ul.css("display")!="none"){
$(divselectid+" ul").hide();
}
}
});

};

原创粉丝点击