Имеется следующий код javascript
window.addEvent('domready', function() {
$$('.performer').each( function(el) {
var queueDeveloper = 'performer';
if(typeof _queueDeveloper != 'undefined')
{
var queueDeveloper = _queueDeveloper;
}
$(el).addEvent('click', function() {
var selectPerformer = '';
if(typeof _performers != 'undefined' && typeof _performers[queueDeveloper] != 'undefined')
{
var selectedValue = this.get('html');
var id = this.get('rel');
var selected = '';
$each(_performers[queueDeveloper], function(el, id) {
var selected = '';
if(el == selectedValue)
{
selected = ' selected="selected"';
}
selectPerformer += '<option value="'+ id + '"'+selected+'>' + el + '</option>';
});
}
if(selectPerformer)
{
var select = '<select name="performers['+id+']"><option value=""></option>'+selectPerformer+'</select> <input class="button" value="Save" />';
this.set('html', select);
$$(".button").each(function(el){
el.addEvent('click', function(){
new Request({
method : 'POST',
url : window.location+'/',
data : 'id=' +el.getParent('td').get('rel')+'&user_id='+el.getParent('td').getElement('select').get("value"),
onSuccess: function(message){
if(message != "ok")
{
alert(message);
return true;
}
else
{
el.getParent('td').getParent('tr').addClass("hidden");
return true;
}
}
}).send();
return true;
});
});
this.removeEvents();
}
});
});
При клинке на кнопку с классом ".button" событие происходит n раз (это при том что на странице находится n кнопок с классом .button). В чем может быть проблема