使用自己的值在HTML输入帮助器中分配data- *属性

时间:2019-07-16 14:46:11

标签: html asp.net-mvc html-helper

我正在尝试实现以下两项。

 @Html.DropDownListFor(m => m.task_drop, new SelectList(ViewBag.dropList," "), new { @class = "task-drop", id = "dropping", type = "text", placeholder = "Drop the bass", data_tooltip="(this's value)" })

还有这个

@Html.EditorFor(m => m.task_drop2, new { @Value = Model.task_drop2, htmlAttributes = new { @class = "task-drop2", id = "task_drop2", type = "text", placeholder = "Drop the bass harder", data_tooltip="(this's value)"} })

这样一来,当用户将鼠标悬停在下拉列表和文本框本身上时,便可以将下拉列表和文本框的值作为动态工具提示查看。

如果还有其他与此相关的问题,请帮助我了解。

  1. 我已经尝试过将this.value放在数据工具提示括号内,
  2. 和@value
  3. Model.task_drop有效,但工具提示将是静态的

我只对使用html帮助程序感兴趣。

如果它也用于@ Html.DropDownlistFor html helper,我也希望它。

但是,任何使这一努力成为可能的答案也将不胜感激。其他人可能会需要它:)

谢谢您,祝您愉快。

1 个答案:

答案 0 :(得分:0)

我发现了一种解决方法,并且可以令人满意地工作。

我在与下拉列表和文本框相同的视图中添加了以下脚本。

$('.task-drop,.task-drop2').hover(function () {
       $(this).prop("title", $(this).val());
});

友善的提示:并非所有问题都需要代表。我的天哪。