-2

请帮助我做错了什么？

我有一个国家/地区的 xml 列表，格式为

 <COUNTRY value="blah" title="blah">blah blah</COUNTRY>

我有一个从广泛的 xml 列表填充的 asp 下拉列表，下拉列表 html 格式是：

<asp:DropDownList ID="mCOUNTRY" runat="server" Width="205"      onmouseover="showHideTooltip()"> </asp:DropDownList>

-----下面的showHideTooltip()-----

<script language="JavaScript">

function showHideTooltip() 
{
var obj = document.getElementById("mCOUNTRY");
obj.title[obj.selectedIndex].title;
}

</SCRIPT>
</CODE>
4

2 回答 2

3

在鼠标悬停事件显示工具提示下拉列表项目使用 C# 示例在 Asp.net 下拉列表项目中使用工具提示通过鼠标悬停事件与使用 C# 的示例：http: //asp-net-by-parijat.blogspot.in/2014/08/show -tooltip-dropdownlist-items-by.html

于 2014-08-22T05:21:15.230 回答
1

你可能想看看这篇关于使用 jQuery 显示/隐藏工具提示的帖子，你可以适应这个SO 答案，或者这个SO 答案

我认为你需要做这样的事情：

<div id="tooltip" style="display:none;">Content will go here</div>
<asp:DropDownList ID="mCOUNTRY" runat="server" Width="205" 
onmouseover="showTooltip()" onmouseout="hide()"> </asp:DropDownList>

用这个用于javascript

<script language="JavaScript">
function showTooltip() {
  var obj = document.getElementById("mCOUNTRY");
  var title = obj.title[obj.selectedIndex].title;
  var tooltip = document.getElementById("tooltip");
  tooltip.innerHtml = title;
  tooltip.style.visibility = 'visible';
  tooltip.style.left = event.screenX + 'px';
  tooltip.style.top = event.screenY + 'px';
}

function hideTooltip(){
  document.getElementById("tooltip").style.visibility = 'hidden';
}
</script>

一个 jQuery 解决方案（如上所述会更优雅）

于 2012-06-06T19:02:41.593 回答