组合框

<style>

<style>
.combobox-input{
height: 92%;
width: 100% !important;
position: absolute;
top: 0;
outline: none;
}
.mws-form-item.small{
position:relative;
}
.combobox-input+a{
background:url(../images/combo_arrow.png) 15px 11px no-repeat;
background-size:23% 34%;
position:absolute;
right:0;
height:100%;
width:28px;
}

.combobox-select{
display:none;
background:white;
border:1px solid #C5C5C5;
left: 13.0%;
position: absolute;
width: 80.6%;
top: 69%;
z-index: 999;
}
.selected{
background:#ffe48d;
}
</style>

  </style>

 

<input name="inputText" class="mws-textinput combobox-input"><a></a>

<div class="combobox-select" size="6">

<option value="1">1</option>
<option value="2">2</option>

<option value="3">3</option>

</div>

<script>

$(".combobox-select option").each(function (){
if($('input[name="inputText"]').val().indexOf($(this).text()) != -1)
$(this).addClass('selected');
});

</script>biaozi

posted @ 2016-06-14 17:46  YH_W  阅读(165)  评论(0编辑  收藏  举报