jQuery выбор по атрибуту name выбирает только первый согласованный элемент

Question

Следующее событие срабатывает только при изменении первого раскрывающегося списка с категорией продавца имени (выбран другой вариант). Мне нужно, чтобы это произошло для любого элемента select с этим именем. Я думал, что это будет поведение селектора ниже. Что я делаю не так ?

$('select[name=merchant-category]').change(function(){ 
    console.log('called'); 
}); 

Answer 1

Попробуйте это:

$(document).on('change', 'select[name="merchant-category"]',function() { 
    console.log('called'); 
}); 

Используя синтаксис .on( с селектором, вы можете ок tch динамически созданных элементов.

Независимо от того, $('select[name="merchant-category"]') должен возвращать несколько элементов, а не только первый. Если это не так, дважды проверьте наличие опечаток в коде.

http://jsfiddle.net/vysft3go/

$(function() { 
 
    
 
    $(document).on('change', 'select[name="merchant-category"]', function() { 
 
    
 
     var notification = $('<p>').text($(this).attr('id') + ' changed!'); 
 
     
 
     $('#updates').append(notification); 
 
     
 
    }); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
 

 
<form> 
 
    
 
    <select name="merchant-category" id="select1"> 
 
     <option>1</option> 
 
     <option>2</option> 
 
    </select> 
 
    
 
    <select name="merchant-category" id="select2"> 
 
     <option>1</option> 
 
     <option>2</option> 
 
    </select> 
 

 
    
 
</form> 
 

 
<div id="updates"></div>

Answer 2

Использование each() для выбора нескольких элементов в Jquery.

Attempt1:

$.each('select[name=merchant-category]').change(function(){ 
     console.log('called'); 
    }); 

Attempt2:

$('select[name=merchant-category]').each(change(function(){ 
     console.log('called'); 
    });