IE 6 DropDown工具提示

Question

我需要为IE6的下拉选择框放置工具提示。要求是，我选择宽度框：150px，我有4个选项值。选项值内的文字大于'150px'所以，它是没有在选择框中显示完整的文字。我不需要增加选择框的大小，而是需要显示一个包含整个文本的工具提示。如果任何人有任何想法，请帮助我。

Answer 1

IE6中没有像工具提示这样的选项用于下拉列表。如果文本很长，我们可以增加下拉列表的宽度... 在Ajax工具包中使用combobox，这样我就可以使用默认属性来增加大小。

<cc1:ComboBox Width="130px" ID="txtCPLegalNameValue" AutoPostBack="True"
              OnTextChanged="ddlName_Change"  AppendDataBoundItems="false"  
             runat="server" AutoCompleteMode="SuggestAppend" >    </cc1:ComboBox>

Answer 2

这是与ASP.net下拉列表控件一起使用的代码

此代码片段提供下拉列表的工具提示。 下拉列表可以设置为较小的宽度，工具提示将显示 下拉列表中的值。

** * * JavaScript部分 * ** * ***

<SCRIPT language="JavaScript">
<!--
showHideTooltip = function ()
{
var obj = document.getElementById("DropDownList1");
document.getElementById("tooltip").innerHTML =
obj.options[obj.selectedIndex].value;
if(event.type == "mouseleave")
{
document.getElementById("tooltip").style.display = "none";
}
else
{
document.getElementById("tooltip").style.display = "inline"
document.getElementById("tooltip").style.top = event.y;
document.getElementById("tooltip").style.left = event.x;
}
}
//-->
</SCRIPT>

** * ** * * HTML部分aspx页面 * ***

<form id="Form1" method="post" runat="server">
<SPAN id="tooltip" style="BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT:
3px; BORDER-TOP: #000000 1px solid; DISPLAY: inline; PADDING-LEFT: 3px;
FONT-SIZE: 12px; PADDING-BOTTOM: 3px; BORDER-LEFT: #000000 1px solid;
PADDING-TOP: 3px; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana;
POSITION: absolute; BACKGROUND-COLOR: #a6bed9">
</SPAN>
<aspropDownList id="DropDownList1" style="Z-INDEX: 101; LEFT: 104px;
POSITION: absolute; TOP: 160px"
runat="server" Width="80px" Height="24px">
<asp:ListItem Value="One" Selected="True">One</asp:ListItem>
<asp:ListItem Value="Two">Two</asp:ListItem>
<asp:ListItem
Value="Threeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee eeeeeeeee">Threeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee eeeeeeeeeeeee</asp:ListItem>
<asp:ListItem Value="Four">Four</asp:ListItem>
<asp:ListItem Value="Five">Five</asp:ListItem>
</aspropDownList>
</form>