jquery - 変更されたselectの名前/IDを取得する

Question

すべて、私は次の選択を持っています：

<select name="options_1" id="options_1" class="select_me"> 
    <option>1</option> 
    <option>2</option>  
</select>

ページに同じクラスの複数の選択があります。これらの選択の1つを変更するときは、選択の名前またはIDを取得してから、アンダースコアの後にある値を取得したいと思います。

誰かがこれを行う方法を教えてもらえますか？ありがとう！

Answer 1

$(document).ready(function() {
   $("SELECT[id^=options]").bind('change', function() {
       var fullId = $(this).attr('id');
       var idParts = fullId.split('_');
//       idParts[0] would be options
//       idParts[1] would be 1
   });
});

Answer 2

change（）ハンドラーのセレクターとしてクラスを使用する

デモ：http：//jsfiddle.net/QjEkS/

$('select.select_me').change(function(){
   var id=this.id;
   var num_val= id.split('_').pop();
    alert( 'ID: '+id +', Num: '+num_val);    
});

Answer 3

$('.select_me').on('change', function(){
   var id = this.id,  // original id
       number =  id.substr( id.indexOf('_') + 1 ); // numeric part of id
});

作業サンプル