Javascript 使用jquery查找html标记号

我有3个选择标记。这是html代码

<div id="dropdownselect">
<select>
<option>option1</option>
<option>option2</option>
</select>
<select>
<option>option1</option>
<option>option2</option>
</select>
<select>
<option>option1</option>
<option>option2</option>
</select>
</div>

我应该怎么做才能找到哪一个select标记已更改？？？

使用jQuery的函数：

$("#dropdownselect select").on("change",function(){
    console.log($(this).index()+1);
});

如果未向.index（）方法传递任何参数，则返回值为 一个整数，指示第一个元素在 相对于其同级元素的jQuery对象

---

也许我觉得这太简单了，但为什么不使用数据元素，比如：

<div id="dropdownselect">
<select data-num="1">
<option>option1</option>
<option>option2</option>
</select>
<select  data-num="2">
<option>option1</option>
<option>option2</option>
</select>
<select  data-num="3">
<option>option1</option>
<option>option2</option>
</select>
</div>

$("#dropdownselect select").on("change",function(){
console.log($(this).data("num"));
});

选择1
选择2
选择1
选择2
选择1
选择2
$（“#dropdownselect select”）。在（“更改”，函数（）上{
log（$（this.data（“num”））；
});

<div id="dropdownselect">
<select data-num="1">
<option>option1</option>
<option>option2</option>
</select>
<select  data-num="2">
<option>option1</option>
<option>option2</option>
</select>
<select  data-num="3">
<option>option1</option>
<option>option2</option>
</select>
</div>

$("#dropdownselect select").on("change",function(){
console.log($(this).data("num"));
});