下拉框几种实现方式

1 html select标签下拉框：

     //onchange触发js
      处理状态
      未处理     //选中，传value值到后台
      已处理

2 下拉浮层ul   

中国



   
中国
   
中国澳门
   
中国香港
   
中国台湾
   
其他国家/地区

 

 

$("#country").toggle(//呼出浮层
   function () {
       var $offset=$(this).offset();
       $(".country").css({top:$offset.top+$h+2,left:$offset.left}); //定位
        $(".country").fadeIn("fast");  //弹出方式
    },
    function () {   
        $(".country").hide();
    }
);

 

3 下拉浮层ul 2，不用定位，html直接做好位置,用jquery show()显示，hide()隐藏。

经营模式
   

       
生产型
       
贸易型
       
服务型
       
政府或其他