点击二级菜单其中一个元素 会显示在一级菜单上 大佬们这个应该怎么写
js jq或者css
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#box1{
width: 200px;
height: 200px;
}
.list{
display: none;
}
.list li:hover{
background: skyblue;
cursor: pointer;
}
</style>
</head>
<body>
<div class="wrap">
<div id="box1">
<input id="input1" type="text" />
<ul class="list">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
</div>
</body>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$("#input1").focus(function(){
$(".list").show();
})
$(".list li").click(function () {
var value = $(this).text();
$("#input1").val(value).siblings(".list").hide();
})
</script>
</html>