dropdownlist手动输入问题

[rainlove2010]

大家好，我想实现在web页面下如何实现dropdownlist 既支持手动输入又支持下拉列表选择，现在已经基本实现了这个功能，可是还存在一个问题：
为什么我把下拉列表和文本框组合在一起，在本地看位置上是重合的，但是网站上传后，访问网页，下拉列表和文本框的相对位置发生了变化，，而且在不同的电脑上相对位置也不一样，请问是不是与Z-INDEX有关系呢？应该怎样可以解决？
非常感谢。。。。。

代码如下所示：
页面脚本代码：
<script type="text/javascript" >
function addTxtTanto(va)
{
document.all( "ctl00_ContentPlaceHolder1_TBX_Value").value=va;
}

function checktitle(){
var drp = document.all( "ctl00_ContentPlaceHolder1_DDL_Value");
var t=document.all( "ctl00_ContentPlaceHolder1_TBX_Value");
var j=0;

if(not(t.value==""))
{
for(var i=0;i <drp.length;i++){
if(t.value==drp.options(i).text){
drp.value=drp.options(i).value;
break;
}else{
j=j+1;
}
}
}

}
</script>

页面控件：
<td style="border-top-width: 2px; border-left-width: 2px; border-left-color: #a3b0b9; border-bottom-width: 2px; border-bottom-color: #a3b0b9; border-top-color: #a3b0b9; border-right-width: 1px; border-right-color: #a3b0b9; height: 24px; width: 179px;" align="center" valign="middle">
<asp:TextBox ID="TBX_Value" style="Z-INDEX: 1; LEFT: -5px; POSITION: relative; TOP: 0px " runat="server" SkinID="Normal_TextBox" Font-Size= "10 " Width= "158 " maxLength= "50 " Height= "13 "></asp:TextBox>
<div id= "selDiv " style= "Z-INDEX: 0; LEFT: 50px; VISIBILITY: visible; CLIP: rect(20px 100px 50px 82px); POSITION: absolute; TOP: 99 ">  </div>
<asp:DropDownList ID="DDL_Value" SkinID ="Normal_DropDownList" style="Z-INDEX: 0; LEFT: 610px; POSITION: absolute; TOP: 99 " Width= "180 " runat="server" >
</asp:DropDownList> 
</td>

调用方法：
TBX_Value.Attributes("onblur") = "javascript:checktitle();"
DDL_Value.Attributes.Add("Onchange", "addTxtTanto(this.options[this.selectedIndex].innerText) ")


其中TBX_Value为文本框，DDL_Value为下拉列表。

我感觉和控件的样式"Z-INDEX"是不是有关系?
很很期待高手的解答啊。。。。。。。

[rainlove2010]

没有人帮忙哦，~~~~(>_<)~~~~

[rainlove2010]

请问，现在在IE7及更高版本上已经实现了dropdownlist 既支持手动输入又支持下拉列表选择，但是在IE6下却不支持手动输入，请问这个问题有人知道怎么解决吗？

[Cool_xiaocao]

那个看起来像下拉菜单应该是TextBox的背景图片吧
然后那个小箭头点击一下再调用Js就可以实现相应的下拉菜单效果

[alan_219_2008]

因为你TBX_Value用了相对位置 POSITION: relative;
DDL_Value用了绝对位置POSITION: absolute
其实可以不用js来实现 用后台代码来实现
这样就不会有浏览器的问题

[koukoujiayi]

和z-index无关！
和定位有关！
相对定位各种浏览器支持比较好！
绝对定位不同的浏览器总有点差异！

[persuit666]

ajaxcontroltoolkit 包里的dropdown控件

[BeckLikeCoding]

你所看到的网上这种既可输入又可下拉的东东可以用js实现，文本框加DIV，DIV是隐藏的，点击后出现，再点击，隐藏，箭头就是一张图片