ユーザーが選択したときに選択のIDを取得する方法は？

Question

2つの選択肢があります。今私はidのselectをユーザーが選択したときに得たいと思う。例：私はalertid="my_select1"その後、オプション1を選択した場合、私はその後、alertid="my_select2"をMyOption2を選択した場合。どうやってやるの？

<select id="my_select1"> 
    <option value="o1" id="id1">Option1</option> 
    <option value="o2" id="id2">Option2</option> 
</select> 

<select id="my_select2"> 
    <option value="mo1" id="mid1">MyOption1</option> 
    <option value="mo2" id="mid2">MyOption2</option> 
</select> 

Answer 1

バインド変更イベントハンドラとイベントのidを取得するためにthis.idを使用するには、selectタグを解雇しました。 $(this).attr('id')を使用してid属性値を取得することはできますが。

$('#my_select1,#my_select2').change(function() { 
 
    alert(this.id) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<select id="my_select1"> 
 
    <option value="o1" id="id1">Option1</option> 
 
    <option value="o2" id="id2">Option2</option> 
 
</select> 
 

 
<select id="my_select2"> 
 
    <option value="mo1" id="mid1">MyOption1</option> 
 
    <option value="mo2" id="mid2">MyOption2</option> 
 
</select>

Answer 2

$('select').change(function() { 
 

 
    alert($(this).attr('id'))//use attr() to get id 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="my_select1"> 
 
    <option value="o1" id="id1">Option1</option> 
 
    <option value="o2" id="id2">Option2</option> 
 
</select> 
 

 
<select id="my_select2"> 
 
    <option value="mo1" id="mid1">MyOption1</option> 
 
    <option value="mo2" id="mid2">MyOption2</option> 
 
</select>

1. 使用.attr()変更を行った選択のIDを取得するためにid
2. 使用$(this)を取得する