在 Html 输入助手中分配 data-* 属性及其自己的值

Question

我正在努力实现以下两个目标。

 @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)"} })

这样一来，当用户将鼠标悬停在下拉菜单和文本框本身上时，用户将能够看到下拉菜单和文本框的值作为动态工具提示。

如果还有其他相关问题，请帮我了解一下。

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

我只对 html 助手的使用感兴趣。

如果它是给@Html.DropDownlistFor html 助手的，我也喜欢它。

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

谢谢你，祝你有愉快的一天。

Answer 1

我发现了一个变通方法并且效果令人满意。

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

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

友情提示：不是所有问题都需要reprex。我的天啊

在 Html 输入助手中分配 data-* 属性及其自己的值

Assign data-* attribute in an Html input helper with it's own value

html

asp.net-mvc

html-helper