Показать сообщение отдельно
  #21 (permalink)  
Старый 07.11.2017, 13:44
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Nexus,
ну если для такой, то слишком много.

Если по уму и тип должен определять клиент, то:

<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<style>
.field:first-child .del {
    display: none;
}
</style>
<script type="text/javascript">
$(function() {
    $('#add').click(function() {
       $('div.field').first()
                     .clone()
                     .appendTo('form')
                     .find('input,select').val('')
                     .end()
                     .find('a').click(function() {
                        $(this).parent().remove()
                     })     
    });
    $('form').submit(function(e) {
        e.preventDefault();
        //....
    })
});
</script>
</head>
<body>
<form>
<div class="field">
            <div class="col_left">
                <div class="border">
                    <input type="text" name="tag[]" required="" value="" placeholder="TAG" />
                </div>
            </div>
            <div class="col_centr">
                <div class="border">
                    <input type="text" name="tag_name[]" required="" value="" placeholder="Название поля" />
                </div>
            </div>
            <div class="col_right">
                <div class="border">
                    <select required="" name="tag_template[]">
                        <option value="">Выберите</option>
                        <option value="1">Текстовое</option>
                        <option value="2">Числовое с переводом числа в текст</option>
                        <option value="3">Срок исполнения</option>
                    </select>
                </div>
            </div>
            <a class="del">Удалить</a>
            <div class="clear"></div>
        </div>
<button>Send</button>
</form>
<a id="add">Добавить</a>
</body>
</html>
Ответить с цитированием