Доброго все вечера!
Почти закончил уже свой проект, но вернулся опять к тому с чего начал и обнаружил что не все работает как хотел.
А именно: есть tr строки для клонирования, в них есть select со значение value шаблона input. Задача при смене значения select.set_tag_template изменить id поля input.tag_template.
делаю я это удалением старого поля и записываю новое поле с новым id.
Дело в том что, первая строка работает и я отлавливаю id, но после клонирования, в следующие строки я уже не могу поймать значение select.
Вот я завернул, надеюсь понятно. Вот сам код:
<form action="" method="POST" enctype="multipart/form-data">
<input type="hidden" name="agreement_id" value="<?=$data['id']?>" />
<table class="table_style_1">
<thead id="sortable" rel="agreement_tags">
<tr class="field">
<td width="20px">
<a class="sortable_a"><i title="Переместить" class="fa fa-sort" aria-hidden="true"></i></a>
</td>
<td width="150px">
<input type="hidden" name="id[]" value="0" />
<input type="text" style="text-transform: uppercase" name="tag[]" value="" placeholder="TEG" />
</td>
<td width="200px">
<input type="text" name="tag_name[]" value="" placeholder="Название поля" />
</td>
<td class="delete_clase_tag_template">
<input type="text" name="tag_text[]" class="tag_template" value=""/>
</td>
<td width="200px">
<select class="set_tag_template" type="radio" name="tag_template[]">
<option value="text">Текстовое</option>
<option value="srok_r_d">Срок рабочие дни</option>
<option value="adres">Адрес</option>
</select>
</td>
<td width="32px">
<button name="save_tags" type="submit" class="save"><i title="Сохранить" class="fa fa-save" aria-hidden="true"></i></button>
</td>
<td width="32px" class="td_del_button">
<a class="list_button_del" id="del"><i title="Удалить" class="fa fa-trash-o" aria-hidden="true"></i></a>
</td>
</tr>
</thead>
<tbody class="inputs_tag">
</tbody>
<tfoot>
<tr class="tr_hiden_add_produkt_score">
<td colspan="7">
<a class="add_tag">Добавить тег</a>
</td>
</tr>
</table>
</form>
<script>
$(function() {
$('.add_tag').click(function() {
$('.field').first()
.clone()
.appendTo('.inputs_tag')
.end()
.find('input,select').val('').end()
.find('input.id').val('0').end()
.find('.list_button_del').remove().end()
.find('.td_del_button').append('<a class="list_button_del" id="del"><i title="Удалить" class="fa fa-trash-o" aria-hidden="true"></i></a>')
.end()
.find('.list_button_del#del').click(function() {
$(this).parent().parent().remove();
})
});
});
$(function() {
$('.list_button_del#del').click(function() {
$(this).parent().parent().remove();
});
});
//смена полей ввода (тег поля)//
$(function() {
$('.set_tag_template').change(function(){
tag_template = $(this).val();
console.log(tag_template);
//$(this).parent().parent().find('.tag_template').attr("id", tag_template);
$(this).parent().parent().find('.tag_template').remove();
$(this).parent().parent().find('td.delete_clase_tag_template').append('<input type="text" name="tag_text[]" class="tag_template" id="'+ tag_template +'" value=""/>');
});
});
//смена полей ввода (тег поля)//
</script>
