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

时间:2016-04-14 14:15:36

标签: javascript html

如何在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>

1 个答案:

答案 0 :(得分:4)

实际上您只需要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;