Доброго времени суток!
Друзья помогите пожалуйста. Суть такая. Есть таблица и после таблицы при нажатии на кнопку добавляется еще одна строка данной таблицы с необходимыми мне данными. В одной из ячеек новой строки есть поле select с выбором города. Пользователь вводит название города и скрипт использует автозаполнение.
Не работает именно автозаполнение.
<select class="js-example-basic-multiple" name="ingridient[1][ing]">
<?
$arFilter_ING = array('IBLOCK_ID' => 4, 'ACTIVE' => 'Y', 'GLOBAL_ACTIVE' => 'Y',);
$rsSect = CIBlockElement::GetList(array('SORT' => 'ASC'), $arFilter_ING, false, false, array('IBLOCK_ID','ID','NAME'));
while ($arSect = $rsSect->GetNext()) {
?>
<option id="" class="inginput" value="<?= $arSect['ID']; ?>"><?= $arSect['NAME']; ?></option>
<?}?> <!--ing1-->
</select>
<input type="button" id="piu" value="Добавить еще" style="color:#fff;" class="type2">
$(document).on("click", "#piu", function (){
var cnt = parseInt($('#ingmax').val()) + 1;
$('#ingmax').val(cnt);
var $select = $(ingredientGroupsManager.select).clone();
$select.find('select').attr('name', 'ingridient[' + cnt + '][group_id]');
var txt = _.template($('#tpl-ingrow').html(), {
id: cnt,
groups_select: $('<div/>').append($select).html()
});
$('tr.ingrow').last().after(txt);
$('#ing' + cnt).ajaxAutocomplete().bind('autocomplete', ingredientSelect);
$('#ingrow' + cnt + ' .td-measure select').change(measureChange);
ingNumeric();
});
$('.js-example-basic-single').select2();
Использование $('.js-example-basic-single').select2(); ведет на готовую библиотеку (не реклама. реально библиотека) - и вот именно она не работает при добавлении новой строки. Почему? Спасайте