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()
}
})