二级菜单的值给一级菜单

点击二级菜单其中一个元素会显示在一级菜单上大佬们这个应该怎么写

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>

举个栗子？

动态增加dom元素，点击二级菜单，获取以继菜单的容器。然后appchild后者appendTo一个元素，元素的innerText=选中二级菜单的值