Question

我搜索了很多，但还没有找到解决方案。

Chrome似乎无法识别选项标签内的“alt”或“title”属性，这个问题可以在Chrome for Windows上重现（43.0.25357.130m）这似乎并不影响IE或Firefox。有没有其他方法来显示工具提示或我做错了什么？

<select >
<option alt="Testing" title="Testing">lelel</option>
    <option alt="Testing" title="Tesfdting">le5lel</option>
    <option alt="Tesdting" title="Teasdfsting">le4lel</option>
    <option alt="Tedfsting" title="Teasdsting">le23lel</option>
    <option alt="Tesgating" title="Tesdfsting">lel1el</option>
</select>

我已经看过How can I display a tooltip on an HTML "option" tag?，但这些答案都没有对我有用，也许Chrome中的新更新会破坏选项标记内的title属性。（顺便说一句，它适用于linux chromium 38.0.2125.101）

Answer 1

您可以访问选项alt或title元素，如下所示：

$('select').on('change',function(){
    console.log($(this).val());
    console.log($(':selected',this).attr('alt'));
    console.log($(':selected',this).attr('title'));
});

console.log($('select option[alt="Testing"]').val());
console.log($('select option[title="Tesdfsting"]').val());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<select >
<option alt="Testing" title="Testing">lelel</option>
    <option alt="Testing" title="Tesfdting" id='test'>le5lel</option>
    <option alt="Tesdting" title="Teasdfsting">le4lel</option>
    <option alt="Tedfsting" title="Teasdsting">le23lel</option>
    <option alt="Tesgating" title="Tesdfsting">lel1el</option>
</select>

选项内的标题标签（chrome）

1 个答案: