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

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>