如何在select标签上使用javascript获取id名称？

Question

如何在id代码上使用javascript获取select名称？

这是我的代码，当我测试它时发出警告undefined。

例如，当我在select标签中选择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元素作为参数传递给您的函数。

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;