[skitskis]

Доброго все вечера!
Почти закончил уже свой проект, но вернулся опять к тому с чего начал и обнаружил что не все работает как хотел.

А именно: есть 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>