当前位置: 代码迷 >> HTML/CSS >> 这个下拉框在ie6如何控制可输
  详细解决方案

这个下拉框在ie6如何控制可输

热度:399   发布时间:2014-01-24 16:46:36.0
这个下拉框在ie6怎么控制可输
<div style="position:relative;">
  <select style="width:120px;" onchange="document.getElementById('input3').value=this.value">
    <option value="A类">A类</option>
    <option value="B类">B类</option>
    <option value="C类">C类</option>
    <option value="D类">D类</option>
  </select>
  <input id="input3" name="input3" style="position:absolute;width:99px;height:16px;left:1px;top:2px;border:none;">
</div>
以上代码可以在ie9.0下实现可输入的下拉框,但在ie6下时输入的文本框就没有了 ,怎么弄才你能可以在ie6下可以用,要简单的。

------解决办法--------------------
 .my_select {
position:relative;
margin:100px;
font-size:12px;
}
.my_select_select {
position:absolute; left:0; top:0; *top:1px;
width:100px;
clip:rect(0 auto auto 80px);
height:22px; line-height:18px;
background:#09C;
}
.my_select_text {
width:80px; *height:16px; *line-height:16px;
}[code=html]<div class="my_select">
    <select class="my_select_select" id="my_select_select02"  onchange="document.getElementById('my_select_text02').value=this.value">
        <option value="1_1" selected>1_1</option>
        <option value="1_2">1_2</option>
        <option value="1_3">1_3</option>
    </select>
    <input class="my_select_text" id="my_select_text02" />
</div>
[/code]
  相关解决方案