如何使用Javascript而不是JQuery獲得所選選項ID

Question

我需要使用Javascript而不是JQuery爲選定標籤打印選定的選項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> 

我發現了以下方式options[selectedIndex].id但我怎麼能知道哪個那些線的一個指..

有什麼建議？

我嘗試了以下，但它沒有奏效。

<select id="my_select" onchange="showOptions2(this)"> 
    <option value="o1" id="id1">Option1</option> 
    <option value="o2" id="id2">Option2</option> 
</select> 


<script type = "text/javascript"> 


function showOptions2(s){ 
var adVALUE = console.log(s[s.selectedIndex].value); // get value 
var adID = console.log(s[s.selectedIndex].id); // get id 

    alert(adID); 

} 
</script> 

Answer 1

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

---

此功能將做的工作

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

需要注意的是，除非你正在使用他們的其他目的，你可以省略id上select元素

示例jsbin：http://jsbin.com/adopiz/2/edit