如何在选项元素中获取label属性的值?

时间:2012-10-11 21:48:14

标签: jquery html

我试图获得的不仅仅是option元素的值,还有label属性的值。关于如何做的任何想法?我目前正在使用此(内联)来获取选项的值:

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

我的选择看起来像这样:

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

有什么想法吗?我一直在寻找最后半小时左右的时间,一些解决方案已经接近,但我找不到任何正在寻找标签价值的人。

这是我认为可以回答我的问题的一个,但我认为他们的观点略有不同。 - How to get label of select option with jQuery?

提前致谢!

1 个答案:

答案 0 :(得分:2)

试试这个

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

您使用的.html()只会在选项// John Smith

中提供内容

您需要访问label属性..

而是使用data- *属性,因为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