如何制作已从 select 中选择的选项的工具提示

Question

我有一个 select，它为每个选项应用了一个工具提示。 我想知道如何使工具提示适用于已选择的选项。

 $(document).tooltip();

 <select> <option value="one" title="Option one">one</option> <option value="two" title="Option two">two</option> <option value="three" title="Option three">three</option> </select>

Answer 1

根据文件，

$(document).tooltip();

工作样本： https://jsbin.com/pogudavuxu/edit?html,js,output

答：更新 select 标题更改，

 $(document).ready(function(){ $("#sel").change(function() { this.title = $(this).val(); }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <select title="one" id="sel"> <option value="one" title="Option one">one</option> <option value="two" title="Option two">two</option> <option value="three" title="Option three">three</option> </select>