选项内的标题标签(镀铬）

Title tag inside option (chrome)

本文关键字：镀铬 标签 标题 选项      更新时间：2023-09-26

我已经搜索了很多，但还没有找到灵魂。

chrome似乎无法识别选项标签中的"alt"或"title"属性，这个问题可以在chrome for windows上重现（43.0.25357.130m）这似乎不会影响IE和firefox。有没有其他方法可以显示工具提示，或者我做错了什么？

小提琴：http://jsfiddle.net/ftmv4rhx/

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

我已经看过"如何在HTML上显示工具提示"；选项"；标签但是这些答案对我来说都不起作用，也许chrome中的一个新更新破坏了option标记中的title属性。（顺便说一句，它确实在linux chromium 38.0.2125.101上工作）

您可以访问如下的选项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>

相关文章：