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

Question

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

$(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

答：更改时更新选择标题，

$(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>