JQueryではなくJavascriptで選択したオプションIDを取得する方法

Question

両方の選択タグに対して、JQueryではなくJavascriptで選択したオプションIDを印刷する必要があります。

複数の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> 

は、私は次のようoptions[selectedIndex].idを見つけたが、どのように私はそれらのその行の1が参照しているかを知ることができますか？

私は以下を試みましたが、うまくいきませんでした。

<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)"> 
    ... 

---

この機能を使用すると、他の目的のためにそれらを使用していない限り、あなたはidselect上の要素

を省略することがあり、その作業

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

注意を行います例jsbin：http://jsbin.com/adopiz/2/edit