为HTML中的title属性添加值

Question

在这里，我试图将标题动态设置为本机下拉菜单以显示工具提示，但是当我尝试在悬停时设置标题时，无法从下拉选项中选择任何值。 下拉菜单正在关闭。

$(container).on("hover","select", function (e) {
  $(this).attr("title",$(this).val());
});

这可能是什么原因？

Answer 1

$.on("hover")事件已在jQuery 1.9中删除。

您可以尝试以下方法：

$(container).hover(
  function() {
    $(this).attr("title", $(this).val());
  }, function() {
    $(this).attr("title", "");
  }
);

Answer 2

尝试mouseenter事件-不确定是否有其他脚本关闭了该下拉菜单

$('body').on("mouseenter", "select", function (e) {
    $(this).attr("title", this.value);
});

演示： 小提琴