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

Question

我不仅试图获取 option 元素的值，还试图获取 label 属性的值。关于如何做的任何想法？我目前正在使用这个（内联）来获取选项的值：

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

我的选择看起来像这样：

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

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

这是我认为可以回答我的问题的一个，但我认为他们追求的东西略有不同。-如何使用 jQuery 获取选择选项的标签？

提前致谢！

score 2 · Accepted Answer

尝试这个

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

您正在使用的.html()只是提供选项内的内容//John Smith

您需要改为访问标签属性..

而是使用 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..

1 回答 1