如何在选择标签上使用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>