IE 6 DropDown工具提示

Question

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

Answer 1

IE6中没有任何选项可用于下拉菜单。如果文本很长，我们可以增加下拉宽度... 在Ajax工具包中使用组合框，以便我将默认属性设置为增加尺寸。

<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> 

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

<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>