带有数据属性的HTML选项元素。是否可行，如果是这样，如何使用jQuery重新获得价值？ [英] HTML Option element with data attributes. Is it posible and if so, how to retrive value with jQuery?

问题描述

我只是想知道在具有数据属性的html中是否具有选项元素是可行的，因此，如果可行，如何检索此值。

I just wonder if is it posible to have option elements in html with data- attributes and so, if that posible how to retrive this value.

更具体。假设我有以下代码：

More specific. Lets say I have the following code:

<select name="areas" id="areas">
    <option value="1" data-lat="12.243" data-lng="32.43242">Area name</option>
    <option value="2" data-lat="14.243" data-lng="34.43242">Area name</option>
    <option value="3" data-lat="16.243" data-lng="36.43242">Area name</option>
    <option value="4" data-lat="18.243" data-lng="38.43242">Area name</option>
</select>

然后，是否可以从所选选项获取data-lat和data-lng通过jQuery？

then, is it any way to get the data-lat and data-lng for from the selected option via jQuery ?

推荐答案

是的，这是可能的。
任何属性值都可以得到：

Yes that's possible. Any attribute value can be get by:

$('option:selected').attr('data-lng')

并设置：

$('option:selected').attr('data-lng', 1234);

这篇关于带有数据属性的HTML选项元素。是否可行，如果是这样，如何使用jQuery重新获得价值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！