//ajax方式动态获取后台数据
/*前台代码*/
<div class="input-group" style="width: 100%;">
<input type="text" class="form-control" placeholder="test信息" aria-describedby="sizing-addon2" id="suggestId" value="">
<div class="suggestlistshow" id="suggestlistshow"></div>
</div>
/*css代码*/
.suggestlistshow{
top: 33px;
display: none;
position: absolute;
z-index: 1;
width: 100%;
background: #071c34;
border: 1px solid #ccc;
box-shadow: 1px 1px 3px #ededed;
-webkit-box-shadow: 1px 1px 3px #ededed;
-moz-box-shadow: 1px 1px 3px #ededed;
-o-box-shadow: 1px 1px 3px #ededed;
}
.suggestlistshow>ul>li:hover{
background: #fff
/*前台代码*/
<div class="input-group" style="width: 100%;">
<input type="text" class="form-control" placeholder="test信息" aria-describedby="sizing-addon2" id="suggestId" value="">
<div class="suggestlistshow" id="suggestlistshow"></div>
</div>
/*css代码*/
.suggestlistshow{
top: 33px;
display: none;
position: absolute;
z-index: 1;
width: 100%;
background: #071c34;
border: 1px solid #ccc;
box-shadow: 1px 1px 3px #ededed;
-webkit-box-shadow: 1px 1px 3px #ededed;
-moz-box-shadow: 1px 1px 3px #ededed;
-o-box-shadow: 1px 1px 3px #ededed;
}
.suggestlistshow>ul>li:hover{
background: #fff