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

Question

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

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

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

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

Answer 1

在你的 Razor View 上试试这个。我测试了它，它在两种情况下都能完美工作(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" }

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