Javascript 为HTML中的title属性添加值

在这里，我尝试将标题动态设置为本机下拉列表以显示工具提示，但当我尝试将标题设置为悬停时，我无法从下拉选项中选择任何值。那个地方快关门了

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

原因可能是什么？

尝试该事件-不确定是否有其他脚本正在关闭下拉列表

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

演示：

中删除了“

$”on（“悬停”）

事件

你可以试试这个：

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

---

请添加一个提琴，还有什么是容器？容器只是一个父级，我正在通过大豆模板呈现DOM，所以我必须进行事件委派。看到这个，很抱歉，我忘了提到这个问题仅在IE8中发生。我知道它正在使用鼠标输入。这个问题发生在鼠标离开和鼠标悬停两者的组合上。它不起作用。但是我只想知道为什么只有“title”属性会导致这个问题。@user3090654，它是

悬停

事件。。。你能编辑小提琴来重现问题吗？你的建议可能行得通，但我说的是你说的$.on（）不正确。我的意思是用“hover”这样的方式

$（container）。on（'hover'，function（）{}）

不行。你试过了吗？它确实有效，因此你的陈述是错误的。看来你有一部分是对的。自1.9版以来，jQuery中的“hover”事件已被弃用。旧版本可以工作：Ref：在我们的项目中，我们使用jquery 1.8.3，所以hover就是这样工作的。但我的问题是，为什么只有在使用title属性时才能从下拉列表中选择值。