검색 input 박스 질문드려요
본문
포털사이트에 보면 검색 input 클릭시 최근검색어 또는 인기검색어로 아래 박스가 생기는데요
Autocomplete가 아닌
Input 클릭시 아래 div가 생성되고 다시 다른곳을 클릭 또는 닫기를 클릭하게되면 해제하는 소스는 뭐라고 검색해야할까요?
구글링에 아무리검색해도 잘보이지않아 질문드려요
답변 1
<input type='text' id='test1'>
<div id='test2' style="display:none">
ddd
</div>
input이 test1이고 div(최근 검색목록)가 test2일때
<script>
/* 인풋을 클릭하면 div가 나타남 */
jQuery('#test1').click(function () {
if($("#test2").css("display") == "none"){
jQuery('#test2').css("display", "block");
} else {
jQuery('#test2').css("display", "none");
}
});
/* 영역을 벗어나 다른곳을 클릭해도 div가 사라짐 */
$( document ).ready(function() {
$(document).mouseup(function(e){
var container = $("#test2");
if(container.has(e.target).length === 0)
container.hide();
});
});
</script>
구글 같은데 클릭 display none 이렇게 검색하시면 많은 정보 얻으실수 있으실거에요.