Question

全部，我有以下选择：

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

我的页面上有多个具有相同类别的选择。当我更改其中一个选项时，我想获取select的名称或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

使用class作为change（）处理程序的选择器

DEMO：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
});

<强> Working sample

获取已更改的选择的名称/ ID

3 个答案: