jQuery结合UL标签下拉框美化

jQuery结合UL标签下拉框美化
下载次数:2 文件大小:35.23KB 所需积分:0 QQ联系购买积分:3331653644(1元=10积分)
$('[name="nice-select"]').click(function(e){
    $('[name="nice-select"]').find('ul').hide();
    $(this).find('ul').show();
    e.stopPropagation();
});
$('[name="nice-select"] li').hover(function(e){
    $(this).toggleClass('on');
    e.stopPropagation();
});
$('[name="nice-select"] li').click(function(e){
    var val = $(this).text();
    var dataVal = $(this).attr("data-value");
    $(this).parents('[name="nice-select"]').find('input').val(val);
    $('[name="nice-select"] ul').hide();
    e.stopPropagation();
    alert("中文值是:"+val);
    alert("数字值是:"+dataVal);
    //alert($(this).parents('[name="nice-select"]').find('input').val());
});
$(document).click(function(){
    $('[name="nice-select"] ul').hide(); 
});

 

0 条评论