如何使用Javascript而不是JQuery获取所选选项ID

我需要使用Javascript而不是JQuery打印两个select标记的所选选项ID

<select  onchange="showOptions(this)" id="my_select1">
   <option value="a1" id="ida1">Option1</option>
   <option value="a2" id="ida2">Option2</option>
</select>

<select  onchange="showOptions(this)" id="my_select2">
   <option value="b1" id="idb1">Option1</option>
   <option value="b2" id="idb2">Option2</option>
</select>

假设我们有多个select标记

<select  onchange="showOptions(this)" id="my_select1">
   <option value="a1" id="ida1">Option1</option>
   <option value="a2" id="ida2">Option2</option>
</select>

<select  onchange="showOptions(this)" id="my_select2">
   <option value="b1" id="idb1">Option1</option>
   <option value="b2" id="idb2">Option2</option>
</select>

请注意，除非您将它们用于其他目的，否则可以省略

select

元素上的

id

---

示例jsbin:

您如何知道该行所指的是哪一个？什么？你把代码放在你想找到

id

的任何地方。然后我删除我的原始评论，并提供+1！=）我更新了我的问题，并根据Fabrizio的回答添加了我尝试的内容，但没有成功。我确实打开了jsbin，似乎当我尝试提醒返回的id值时，它再次显示为未定义。george该示例工作正常：这显示了更改事件时id的警报谢谢Fabrizio！我真的很感谢你的帮助！

<select onchange="showOptions(this)">
   ...

function showOptions(s) {
  console.log(s[s.selectedIndex].value); // get value
  console.log(s[s.selectedIndex].id); // get id
}