如何获取选项元素中标签属性的值？

我试图得到的不仅仅是选项元素的值，还有标签属性的值。任何想法如何做到这一点？我目前使用这个（在线）获取选项的值：如何获取选项元素中标签属性的值？

$('select :selected').html();

我的选择会是这个样子：

<select> 
<option value="John Smith" label="JS">John Smith</option 
</select>

任何想法？我一直在寻找最近半小时左右的时间，一些解决方案已经接近尾声，但我找不到任何正在寻找标签价值的人。

这里有一个我认为会回答我的问题，但我认为他们是在稍微不同的东西之后。 - How to get label of select option with jQuery?

在此先感谢！

来源

2012-10-11 umiwangu

首先回答这个问题可能会提供一种可能性......我只是想能够做到内联。我想我不必这样做，但那会让它更容易。 http://stackoverflow.com/questions/12125651/how-to-replace-the-label-of-select-with-its-value?rq=1 – umiwangu

试试这个

$('select option:selected').attr('label');

的.html()您只使用给出的选项// John Smith

您需要访问标签属性，而不是..

而是使用数据里面的内容 - *属性为label attribute对于选项无效

<select> 
    <option value="John Smith" data-label="JS">John Smith</option> 
</select>

以及使用JavaScript使用获得的数据：

$('select option:selected').attr('data-label');

或可替代

$('select option:selected').data('label'); 

$('select option:selected').val(); // Get's the value..

CHECK DEMO

来源

2012-10-11 21:49:20

你得到了我的建议，而不是建议有效的语法。 – xception

啊......我明白了。我会试试看看它是如何发展的。谢谢！ – umiwangu

就是这样。非常感谢你！ – umiwangu

如何获取选项元素中标签属性的值？

回答

相关问题