在鼠标悬停在禁用的下拉菜单上时显示工具提示

Question

 countLabel() == 0 ? $('#' + uniqueValueee + 'AndOrSelection').prop("disabled", true) : $('#' + uniqueValueee + 'AndOrSelection').prop("disabled", false);

使用上面的代码我可以禁用下拉列表的选择。我还想显示一个工具提示，说明为什么禁用下拉列表。为此，我在剃须刀下拉列表中的 @onmouseover = "showToolTip(this.id)" 上编写了一个函数。

function showToolTip(id)
{
    alert(id);
}

如果我在 enabled 的其他下拉菜单上编写代码，它可以正常工作。但是当禁用的下拉列表被覆盖时，js 函数不会触发。另外在 chorome 中我也无法检查元素。请帮忙。

Answer 1

通常，HTML 禁用的元素不会促进任何 JS 事件，如悬停、单击等。为了您的目的，您放置一个 div 具有更高 z-index 的叠加层，这样它充当残疾人区域。然后你可以在 div 本身上定义悬停事件。

Answer 2

在剃须刀视图上试试这个。我对其进行了测试，它在两种情况下都能完美运行（启用和禁用 ddl）：

@Html.DropDownListFor(m => m.City, new SelectList(Model.Lookups.Where(x => x.LookupType == "City"),
    "LookupID", "LookupValue"), "---- Select ----", new { disabled= true, @Title= "Tooltip here" })

请注意以下属性：

new { disabled= true, @Title= "Tooltip here" }

然后这是启用和禁用选项的结果：

希望这对您有所帮助...

在鼠标悬停在禁用的下拉菜单上时显示工具提示

Show tooltip on mouseover of a disabled dropdown

javascript

asp.net-mvc

onmouseover

html.dropdownlistfor