Показать сообщение отдельно
  #2 (permalink)  
Старый 19.12.2016, 10:42
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 26,884

добавление/удаление строк в таблицу на jquery
Corazon,
<head>
  <title>E-mail</title>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script>
$(function() {
    var table = $("#contacts"),
        btn = $("a", table),
        img = $("<img>", {
            src: "http://s1.iconbird.com/ico/0912/fugue/w32h321349011799cross.png"
        }),
        td = $("<td>"),
        inp = $("<input>"),
        NUM = 0;

    function addContact(event) {
        event.preventDefault();
        var tr = $("<tr>").appendTo(table);
        var del = img.clone().on({
            click: function() {
                tr.remove()
            }
        });
        var t = td.clone().appendTo(tr);
        $("tr", table).length > 3 && del.appendTo(t);
        t = td.clone().appendTo(tr);
        var i = inp.clone().appendTo(t);
        i.attr({
            name: "name" + ++NUM
        });
        t = td.clone().appendTo(tr);
        i = inp.clone().appendTo(t);
        i.attr({
            name: "email" +
                NUM
        })
    }
    btn.on({
        click: addContact
    })
});

 </script>
</head>
<body>
  <table>
     <tbody id="contacts">
        <tr>
        <td colspan="3"><a href="#" >Добавьте контакт</a></td>
        </tr>
        <tr>
           <td width = 20 ></td>
           <td>Имя </td>
           <td>Email</td>
        </tr>
     </tbody>
  </table>
</body>
Ответить с цитированием