Добрый вечер!
Имеется необходимость клонировать div изменить в нем все name. С этим справился, но... в клонируемом div'e есть select, который подклен через плагин "Select 2", и, естественно при копировании, этот Select отказывается работать.. Как починить?
Копируемый DIV
<div class="learner_boxes">
<div id="learner_box" class="learner_box">
<div class="cabinet_qr_top_input_box">
<input class="cabinet_qr_input_fio" name="fio" id="fio" placeholder="ФИО" />
<input class="cabinet_qr_input_prof" name="prof" id="prof" placeholder="Должность" />
<input class="cabinet_qr_input_date" name="date" id="date" placeholder="Год рожд." />
<select class="cabinet_qr_input_educ" name="educ">
<option>Образование</option>
<option value="Высшее">Высшее</option>
<option value="Неоконченное высшее">Неоконченное высшее</option>
<option value="Среднее специальное">Среднее специальное</option>
<option value="Среднее техническое">Среднее техническое</option>
<option value="Среднее">Среднее</option>
<option value="Неполное среднее">Неполное среднее</option>
</select>
</div>
<div class="cabinet_qr_courses_box">
<select name="course" data-placeholder="Учебный курс" class="cabinet_qr_courses_select">
<option value=""></option>
<?=$option_courses?>
</select>
</div>
</div>
</div>
Ниже него идет подключение "Select 2"
<link href="tuk/css/select2.min.css" rel="stylesheet">
<script src="tuk/js/select2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$( ".cabinet_qr_courses_select" ).select2({
width: "100%",
placeholder: "Учебный курс",
language: {noResults: function(term) {return "Не найден";}}
});
});
</script>
И, еще ниже, сам скрипт клонирования и подмены name
<script>
var i = 1;
function add_new_learner(){
var clone = $("#learner_box").clone(true)
var cloneItems = clone.find("*[name]").andSelf();
cloneItems.each(function() {
$(this).attr("name", $(this).attr("name") + "_" + i);
});
clone.appendTo( ".learner_boxes" );
i++;
};
</script>
Только начинаю изучать JS, надеюсь на полезные ответы
