Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   удаление строки (https://javascript.ru/forum/dom-window/23690-udalenie-stroki.html)

mcavalon 02.12.2011 11:00

удаление строки
 
на странице есть форма с полями, под ней отображается таблица с введенными товарами. реализовал через jQuery:
var i = 1;
        function save(jQtable, warehouse, number, list, number_in, price_purch, price_retail, count){
            jQtable.each(function(){
                var tds = '<tr id="row_' + i + '" align="center"><td>' +
                i + '</td><td id="col1_'+ i +'" title="' + number + '">' +
                number + '</td><td id="col2_'+ i +'" title="' + list + '">' +
                number_in + '</td><td id="col3_'+ i +'" title="' + price_purch + '">' +
                list + '</td><td id="col4_'+ i +'" title="' + warehouse + '">' +
                warehouse + '</td><td id="col5_'+ i +'" title="' + count + '">' +
                count + '</td><td id="col6_'+ i +'" title="' + price_purch + '">' +
                price_purch + '</td><td id="col7_'+ i +'" title="' + price_retail + '">' +
                price_retail + '</td></tr>';
                if($('tbody', this).length > 0) {
                    $('tbody', this).append(tds);
                } else {
                    $(this).append(tds);
                }
            });   
            i++;         
            document.getElementById('overley').style.display = 'none';
        }

                <input type="button" value="Сохранить" 
                    onclick="save(
                        $('#dynamic'),
                        $('#warehouse').val(),
                        $('#txt').val(),
                        $('#list').val(),
                        $('#number_in').val(),
                        $('#price_purch').val(),
                        $('#price_retail').val(),
                        $('#count').val()
                    )" />&nbsp;

<table width='100%' cellpadding='2' cellspacing='2' class='admin_table' id="dynamic">
        <tbody>
        <tr class='admin_table_title'>
            <td width='20px' align='center'><nobr>№</nobr></td>
            <td align='center'><nobr>Каталожный №</nobr></td>
            <td align='center'><nobr>Внутр. №</nobr></td>
            <td align='center'><nobr>Название</nobr></td>
            <td align='center'><nobr>Магазин (склад)</nobr></td>
            <td align='center'><nobr>Количество</nobr></td>
            <td align='center'><nobr>Цена закуп.</nobr></td>
            <td align='center'><nobr>Цена розничн.</nobr></td>
            <td align='center' width='40px'><nobr>Операции</nobr></td>
        </tr>
        </tbody>
        </table>


проблема в том что я не знаю как напротив каждой строки сделать кнопку удаления строки. т.к. каждой строке у меня присваивается id в виде row_1, row_2,... то в функции save перед закрывающимся </tr> формирую следующую ссылку
+ '<td><a href="javascript:remove('row_"+ i +"')">del</a></td>' +


при нажатии на ссылку и пишет
Undefined remove(


Подскажите пожалуйста ка это сделать?

melky 02.12.2011 11:02

надо функцию определить в <head>...

mcavalon 02.12.2011 12:13

Вложений: 1
Я так и сделал, просто скопировал кусок кода.
Весь код во вложенном файле


Часовой пояс GMT +3, время: 07:13.