selectタグでjavascriptを使用してID名を取得する方法は？

Question

selectタグでidの名前をjavascriptで取得する方法は？

これは私がそれをテストしたときのコードですundefined。例えば

私は私はそれを行うことができますどのように2

に警告しますselectタグでbbbを選択？

これは実際に私のfiddle

<select id="test" onchange="test_fn()"> 
    <option id="1" value="11">aaa</option> 
    <option id="2" value="22">bbb</option> 
    <option id="3" value="33">ccc</option> 
</select> 



<script type="text/javascript"> 
function test_fn() 
{ 
    alert(this.id); 
} 
</script> 

Answer 1

であるあなただけselect.options[select.selectedIndex].idを必要とし、thisキーワードを使用して、関数の引数としてselect要素を渡します。

function test_fn(select) 
 
{ 
 
    console.log("ddd"); 
 
    alert(select.options[select.selectedIndex].id); 
 
}

<select id="test" onchange="test_fn(this)"> 
 
<option id="1" value="11">aaa</option> 
 
<option id="2" value="22">bbb</option> 
 
<option id="3" value="33">ccc</option> 
 
</select>