Javascript从表中的选定选项获取数据属性

我得到了以下html：

<td class="" data-id="46" contenteditable="true">
<select class="form-control">
   <option data-key="end" selected>Opt1</option>
   <option data-key="operator_transfer">Opt2</option>
   <option data-key="process_script">Opt3</option>
</select>
</td>

我试过这个：

$(selectObject/*need to insert something here*/ + ' option:selected').data('key');

但它向我展示了一个错误，说它是一个对象。我需要在selectObject之后插入一些内容。有没有办法解决这个问题

谢谢。

使用jquery函数尝试此

$（'.form control'）.children（'option:selected'）.attr（'data-key'）

console.log（$（'.form-control'）.children（'option:selected'）.attr（'data-key'））

Opt1
Opt2
Opt3

您只需使用带有正确选择器的方法，如下所示：

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

演示：

var key=$（'select option:selected'）。数据（'key'）；
控制台日志（键）

Opt1
Opt2
Opt3

$（'.form-control'）.change（函数（）{
警报（$（'.form control'）。查找（':selected'）。属性（'data-key'））；
})

Opt1
Opt2
Opt3
您是否也在使用jQuery？是的，jQuery present
selectObject[0]
正在为您获取
元素。您需要选定的
元素。
$('select option:selected').data('key');