我如何获得“选择的数据”标签

Question

我可以获取文本和值，但我想获取另一个标签

this.options[this.selectedIndex].value <---will get the value

this.options[this.selectedIndex].text   <---will get the text

我想从此选项获取data_id

<option value="L W12 6.3 quattro" data-id="200480476">L W12 6.3 quattro</option>

我努力了：

this.options[this.selectedIndex].data-id

没用

抱歉，我将添加更多信息...我在Rails上的ruby嵌套表单中使用此控件，并为其设置了on change事件：

<select id="shipment_vehicles_attributes_0_style" name="shipment[vehicles_attributes][0][style]" onchange="getStylesId(this.id,this.options[this.selectedIndex].data-id)"><option value="">Select A Style</option><option value="Base" data-id="9058">Base</option></select>

我可以在那里使用jQuery吗

Answer 1

您的标签表明您正在使用jQuery。 然后，您可以执行以下操作：

var attr = $('option:selected').attr( "data-id" );

Answer 2

您可以使用jquery的.attr（）。

    $("option").attr('data_id')

Answer 3

提到的jQuery方法工作得很好。 但是，如果要使用通常更快的普通JS，则需要使用getAttribute方法：

  var x = this.options[this.selectedIndex];
  alert( x.getAttribute('data-id') );

这是一个小提琴 。