如何在選擇標籤上使用javascript獲取id名稱？

Question

如何獲得id使用JavaScript的名稱select標記？

這是我的代碼，當我測試它警報undefined。

例如，當我在選擇標籤選擇bbb我會提醒2

我該怎麼辦呢？

這是我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和select元素傳遞與使用this關鍵字參數傳遞給你的函數。

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>