Добрый день гуру js, у меня к вам вопрос такого характера:
есть у меня селект и кнопка
<select class='ins'>
<option value='1' index='one'>one bla bla</option>
<option value='2' index='two'>two bla bla</option>
<option value='3' index='three'>three bla bla</option>
</select>
<button class='ins'>click</button>
<div id='place'></div>
на нее жмякаем и она в назначенном месте создает еще один селект с кнопкой (для удаления), а из нашего опция эта удаляется
$('button.ins').click(function(){ //клик на кнопку вставки,
var NewMfClass = $('select.ins option:selected').val(); //берем параметры опции для
var NewMfIndex = $('select.ins option:selected').attr('index'); //создания нового селекта.
$('select.ins option:selected').remove(); //удаляем выбранную опцию
var s = '<select class="'+NewMfClass+'">';
s += '<option value="0" price="50">'+NewMfIndex+' bla-bla 1</option>'; //создаем селект-i
s += '<option value="5" price="30">'+NewMfIndex+' bla-bla 2</option>';
s += '</select><button class="remove" remIndex="'+NewMfIndex+'" remClass="'+NewMfClass+'">Удалить</button>';
$('#place').append(s);
$('button.remove').click(function(){ //клик для удаления селекта-i
var RemoveClass = $(this).attr('remClass'); //берем необходимые параметры
var RemoveIndex = $(this).attr('remIndex');
$('select.ins').append('<option value="'+RemoveClass+'" index="'+RemoveIndex+'">'+RemoveIndex+' bla bla</option>');//возвращаем опцию в селект-1
});
});
затем, когда в нашем месте мы жмякаем удалить, наш селект удаляется и опция возвращается на место.
так вот проблема в том, что когда в место помещаю сразу 2-3 новых селекта, при удалении одного возвращается не одна опция, а сразу 2-3 одинаковых.
т.е. клик у меня срабатывает несколько раз.
подскажите как быть? чего сделать?
и еще, как мне новый добавляемый элемент сделать глобальным ?
спасибо за уделенное внимание