鹏顺教育

全部频道

您的当前位置：首页jquery模拟SELECT下拉框取值效果_jquery

jquery模拟SELECT下拉框取值效果_jquery

来源：鹏顺教育


jquery模拟SELECT框，效果图如下：

代码如下:



jquery模拟SELECT框




$(function(){
$(".input_select").click(function(){
var ul = $("#dropdown ul");
if(ul.css("display")=="none"){
ul.slideDown("fast");
}else{
ul.slideUp("fast");
}
});
$("#dropdown ul li a").click(function(){
var txt = $(this).text();
$(".input_select").val(txt);
var value = $(this).attr("rel");
$("#dropdown ul").hide();
$("#result").html("您选择了"+txt+"，值为："+value);
});

});





  • 北京

  • 上海

  • 武汉

  • 广州






    •
    显示全文