* {
margin:0;
padding:0;
}
ul li {
list-style:none;
}
a {
text-decoration:none;
}
.box {
width:600px;
}
.box1 {
width:300px;
height:auto;
margin:30px 70px;
float:left;
position:relative;
}
.box1 .inputCont {
width:200px;
height:36px;
line-height:36px;
position:absolute;
top:0;
left:0;
}
.box1 #dynamicUl {
width:200px;
height:auto;
border:1px solid yellow;
position:absolute;
left:0;
top:40px;
}
.box1 #dynamicUl li {
width:200px;
height:36px;
line-height:36px;
border-bottom:1px solid #ccc;
}
.box2 {
width:200px;
height:auto;
float:right;
margin-top:-30px;
}
.box2 #data {
width:200px;
height:auto;
}
1.在左边输入内容,如果数据库里面存在你输入的内容,那就显示出来;然后点击内容,text()就填充到input框中
2.有很多时候,就有关键字搜索,如果你输入的内容,在你的数据库里面有,就类似百度搜素时候,输入框下面就会一一列出一些内容,如果有符合你想要的内容,你就可以直接选择你想要的内容
3.我这里是写的一个模拟数据,真正用的时候需要用ajax进行搜索数据库里面的内容