js实现下拉框效果（select）的示例代码详解

HTML5培训技术

本文主要介绍了js实现下拉框效果的方法实例。具有很好的参考价值。下面跟着小编一起来看下吧

效果图：

代码如下：

        <script src="http://cdn.bootcss.com/jquery/3.2.1/jquery.js">《script》  《script》  function select(){    $(document).click(function(){      $(".select_module_con ul").slideUp();    })    var module=$(".select_result");     module.click(function(e){      e.stopPropagation();      var ul=$(this).next();      ul.stop().slideToggle();      ul.children().click(function(e){        e.stopPropagation();        $(this).parent().prev().children("span").text($(this).text());        ul.stop().slideUp();      })    })  }  $(function(){    select();   })  《script》        
        
选择节目:
                  
            选择节目            
          
                      节目1
            节目2
            节目3
          
        
      
              
选择嘉宾:
                  
            选择嘉宾            
          
                      嘉宾1
            嘉宾2
            嘉宾3

以上就是js实现下拉框效果（select）的示例代码详解的详细内容，更多请关注第一PHP社区其它相关文章！

上一篇：js实现多行文本框统计剩余字数功能的示例代码分享

下一篇：详解从Node.js的child_process模块来学习父子进程之间的