Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 鼠标悬停在下拉菜单上,显示选定文本的工具提示_Jquery - Fatal编程技术网

Jquery 鼠标悬停在下拉菜单上,显示选定文本的工具提示

Jquery 鼠标悬停在下拉菜单上,显示选定文本的工具提示,jquery,Jquery,我有5个下拉列表,我想在每个列表上都有一个工具提示,这样当用户将鼠标悬停在任何下拉列表上时,就会出现一个工具提示来显示选定的文本 <select name="dropdn" class="mydpdn"> <option>Loading...</option> </select> 加载。。。 我正在尝试使用jquery.dimensions.js和jquery.tooltip.js。有人能给我举个例子吗。类似的方法可能会奏效: $(

我有5个下拉列表,我想在每个列表上都有一个工具提示,这样当用户将鼠标悬停在任何下拉列表上时,就会出现一个工具提示来显示选定的文本

<select name="dropdn" class="mydpdn">
    <option>Loading...</option>
</select>

加载。。。

我正在尝试使用
jquery.dimensions.js
jquery.tooltip.js
。有人能给我举个例子吗。

类似的方法可能会奏效:


$("select").tooltip({
    left: 25,
    bodyHandler: function(){
        return $('.mydpdn').attr('title');
    }
});

$('.mydpdn').bind('change', function(e){
    var newTitle='';
    $(".mydpdn option:selected").each(function () {
        newTitle+= $(this).text() + " ";
    });
    $(this).attr('title', newTitle);
});

$('.mydpdn').trigger('change');

希望有帮助

谢谢,我已经测试过了,似乎所有下拉工具提示都显示了所有下拉选择的文本。它应该显示鼠标指向的特定下拉列表的选定文本。