html程式碼

<div class="gdul_searchbox">
    <input type="text">
    <ul class="search_prompt">
        <li></li>
    </ul>
</div>

js程式碼

    /*搜尋下拉提示*/
    $('.gdul_searchbox input').click(function(){
        $('.search_prompt').show();
    })
    $('.search_prompt li').click(function(){
        $('.search_prompt').hide();
    }) 
    //點選下拉列表外其他區域，下拉列表框消失
    $(document).mouseup(function (e) {
        var _con = $('.gdul_searchbox');
        if (!_con.is(e.target) && _con.has(e.target).length === 0) {
            $('.search_prompt').hide()
        }
    })