javascript - 选项内的标题标签( Chrome )

标签 javascript html google-chrome

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

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/

相关文章:

Javascript 验证

javascript - 谷歌浏览器中 window.onerror 中的错误参数为空

javascript - 如何确定页面的哪一部分应该首先加载?

javascript复选框/取消选中同一div中的多个项目

google-chrome - 从 Chrome 扩展程序执行程序

javascript - javascript图像翻转问题

javascript - 使用 Nashorn 实现模块模式

javascript - Angular 如何在我的情况下设置服务

html - Bootstrap : changes to the basic code not shown on web browser

javascript - 将所有 UI 表单设置为只读/禁用?