jquery - 带有工具提示 jquery 和 html 的 html 下拉菜单

Question

我在 HTML 中有 dorpdown，但它的内容在 IE 中被削减，因为没有足够的空间使其宽度足够宽。

所以我想要的是当点击下拉菜单并且它的选项崩溃时，一个工具提示（div）应该出现在下拉菜单旁边，它显示了鼠标光标所在选项的全部内容，或者如果我使用键盘然后更改它 div内容应该改变。并且失去焦点的下拉 div 应该消失。

这是一些代码，但需要修改...

$("select").change(function () {

        $('selectDiv').html($("select option:selected").text());
    });

代码的问题是，单击下拉菜单时它不会在顶部显示 div。并且内容不会随着鼠标或键盘上的选项更改而更改

Answer 1

你有这样的事情吗？

$("select").on('focus', function () {
    $('selectDiv').html($("select option:selected").text());
    $('selectDiv').animate({opacity:1});
});

$("select").on('blur', function () {
    $('selectDiv').html('');
    $('selectDiv').animate({opacity:0});
});