我已经搜索了很多,但还没有找到解决方案。
chrome 似乎无法识别选项标签内的“alt”或“title”属性,该问题可以在 Chrome for windows (43.0.25357.130m) 上重现 这似乎不会影响 IE 或 firefox。 是否有任何替代方法来显示工具提示,或者我做错了什么?
fiddle :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>
我已经看过 How can I display a tooltip on an HTML "option" tag? ,但是这些答案都不适合我,也许 chrome 中的新更新破坏了选项标签内的 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>
关于javascript - 选项内的标题标签( Chrome ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31124539/