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

时间:2022-02-04 07:14:36

Any idea can I use .data attribute in HTML select box?I red HTML5 documents but I didn't find any information that could help me.

我有什么想法可以在HTML选择框中使用.data属性吗?我是红色HTML5文档,但我找不到任何可以帮助我的信息。

Is it legal:

这是合法的:

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

3 个解决方案

#1


Yes it fine to use data in Html5 tag. I don't know why you want to use in such a way, but you can use it.

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

for example like this

比如这样

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

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

jsfiddle link

#2


Using data attributes

使用数据属性

Any attribute on any element whose attribute name starts with data- is a data attribute.

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

To answer the question: Yes. You can use data attributes on any element.

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

#3


It works fine. Test in JS using:

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

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

#1


Yes it fine to use data in Html5 tag. I don't know why you want to use in such a way, but you can use it.

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

for example like this

比如这样

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

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

jsfiddle link

#2


Using data attributes

使用数据属性

Any attribute on any element whose attribute name starts with data- is a data attribute.

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

To answer the question: Yes. You can use data attributes on any element.

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

#3


It works fine. Test in JS using:

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

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