Javascript 选择/选项标记及其id

Javascript 选择/选项标记及其id,javascript,html,Javascript,Html,我有许多select标记,当用户单击其中一个选项标记时,我想获取select元素的id,单击选项 我如何做到这一点?使用事件: document.querySelector('#mySelect').addEventListener('change',function(){ console.log(this.value); console.log(this.id); },假) 一 二 window.onload=function(){ 选择=document.getElememtsByTag

我有许多
select
标记,当用户单击其中一个
选项
标记时,我想获取
select
元素的
id
,单击
选项

我如何做到这一点?

使用事件:

document.querySelector('#mySelect').addEventListener('change',function(){
console.log(this.value);
console.log(this.id);
},假)

一
二
window.onload=function(){
选择=document.getElememtsByTagName(“选择”);
对于(i=0;i简易解决方案:

<select id="select1">
    <option id="o1">1</option>
    <option id="o2">2</option>
</select>

<select id="select2">
    <option id="o1">3</option>
    <option id="o2">4</option>
</select>

<select id="select3">
    <option id="o1">5</option>
    <option id="o2">6</option>
</select>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>

window.onload=function()
{
    $(document).on("change","select",function(){
    alert($(this).attr("id"));
   })
}

1.
2.
3.
4.
5.
6.
window.onload=function()
{
$(文档)。在(“更改”、“选择”函数()上){
警报($(this.attr(“id”));
})
}

这是获取值而不是ID,而且对于多个
select
s“我有许多select标记”“我想获取select元素的ID”也不起作用您还可以获取select的id,更新了我的答案谢谢,我很感激!您被困在哪里了?您到底不知道怎么做?您尝试了什么?向我们展示您的html代码,以及您尝试了什么,以便我们可以帮您。不要使用onclick,仅打开select菜单时事件就会触发,请使用onchange@squint:正在使用stackexchange应用程序。。。@帕特里克·埃文斯:哦,是的,谢谢你,谢谢你,但是通过各种活动,我更喜欢
<select id="select1">
    <option id="o1">1</option>
    <option id="o2">2</option>
</select>

<select id="select2">
    <option id="o1">3</option>
    <option id="o2">4</option>
</select>

<select id="select3">
    <option id="o1">5</option>
    <option id="o2">6</option>
</select>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>

window.onload=function()
{
    $(document).on("change","select",function(){
    alert($(this).attr("id"));
   })
}