我可以在 HTML 选择框元素中使用 html5 数据属性吗？答案

【问题标题】：Can I use html5 data attribute in HTML select box element?我可以在 HTML 选择框元素中使用 html5 数据属性吗？
【发布时间】：2015-07-21 21:51:31
【问题描述】：

我可以在 HTML 选择框中使用 .data 属性吗？我红色的 HTML5 文档，但我没有找到任何可以帮助我的信息。

是否合法：

<span>Select depatament</span>
<span>
    <select id="department" onchange="EnableSelectBox(this)" data-spacing="10cm">
        <option selected disabled>-Select-</option>
    </select>
</span>

【问题讨论】：

是的，完全没问题。但是，onchange="EnableSelectBox(this)" 不是那么漂亮！ More Info
您几乎可以在任何地方使用数据属性。您也几乎可以在任何地方使用use self-made custom attributes（但请尝试选择 W3C 规范以后不会引入的名称，否则您需要修复您的代码）。
Every HTML element may have any number of custom data attributes specified, with any value

标签： javascript jquery html

【解决方案1】：

它工作正常。在JS 中测试使用：

alert(document.getElementById("department").getAttribute("data-spacing"))

【讨论】：

【解决方案2】：

是的，可以在 Html5 标签中使用数据。我不知道你为什么要这样使用，但是你可以使用它。

例如这样

$(document).ready(function() { alert($('#department').data('spacing')); });

jsfiddle link

【讨论】：

【解决方案3】：

Using data attributes

属性名称以data-开头的任何元素上的任何属性都是数据属性。

回答这个问题：是的。您可以在任何元素上使用数据属性。

【讨论】：