带搜索框的下拉选择

                                                <div class="sel">
                                                    <div class="sel-t"></div>
                                                    <div class="sel-b">
                                                        <div class="d1"><input type="text" oninput="getperson(this.value)"></div>
                                                        <div class="d2 plist">
                                                            
                                                        </div>
                                                    </div>
                                                </div>

        $(function(){
            getperson()
        })
        // 获取联系人
        function getperson(name){
            $.ajax({
                url:'{:url("getperson")}',
                type:'post',
                data:{
                    name:name
                },
                dataType:'json',
                success:function(res){
                    if(res.code==1){
                        var list = res.data
                        var str = ''
                        for(var i=0;i<list.length;i++){
                            str += `<a href="javascript:;">`+list[i]['name']+`</a>`
                        }
                        $('.plist').html(str)
                        // 选择
                        $('.sel-b .d2 a').click(function(){
                            $(this).parents('.sel-b').prev('.sel-t').text($(this).text())
                            $('.sel-b').hide()
                        })
                    }
                }
            })
        }
        // 点击其他元素隐藏该元素
        document.onclick = function () {
            $('.sel-b').hide()
        }
        // 展开下拉
        $(".sel .sel-t").click(function (e) {
            getperson()
            $('.sel-b').find('input').val('')
            stopFunc(e);
            $(this).siblings(".sel-b").slideToggle()
        })
        // 防止中文搜索时失去焦点
        $('.sel-b').click(function(e){
            stopFunc(e);
        })
        // 阻止向上冒泡
        function stopFunc(e) { 
            e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;
        }