Question

我已经在HTML中使用了dorpdown，但是因为没有足够的空间来使它足够宽，所以它的内容会减少。

所以我想要的是当点击下拉菜单并且其选项崩溃时，一个工具提示（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});
});

使用工具提示jquery＆amp; amp; HTML

1 个答案: