注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

jQuery搜索框下拉菜单分类选择代码

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2024-01-10
jQuery搜索框下拉菜单分类选择代码
一款比较常用的jQuery搜索框下拉菜单分类选择代码,对选择的栏目分类进行搜索。


js代码

  <script>
    $(function(){
        $(".select_box").click(function(event){   
            event.stopPropagation();
            $(this).find(".option").toggle();
            $(this).parent().siblings().find(".option").hide();
        });
        $(document).click(function(event){
            var eo=$(event.target);
            if($(".select_box").is(":visible") && eo.attr("class")!="option" && !eo.parent(".option").length)
            $('.option').hide();                                    
        });
        $(".option li").click(function(){
            var check_value=$(this).text();
            var zlValue = $('.option li:eq(1)').html();
            var bqValue = $('.option li:eq(2)').html();
            $(this).parent().siblings(".select_txt").text(check_value);
            $("#select_value").val(check_value);
            if(check_value == zlValue) {
                $('#searchPlaceholder').prop('placeholder','请输入电器名称');
            }else if(check_value == bqValue) {
                $('#searchPlaceholder').prop('placeholder','请输入家用名称');
            }else {
                $('#searchPlaceholder').prop('placeholder','请输入服装名称');
            }
        });
    })
  </script>