Используйте jQuery для загрузки URL-адреса при изменении таблицы со многими полями ввода

Question

У меня есть табличные данные, в которых большинство ячеек являются текстовыми вводами или текстовыми областями.

Каждая ячейка именуется строкой, а затем столбцом, таким как

<input type=text name=4_16>

, где 4 - строка, подчеркивание делителя, а 16 - номер столбца

У меня есть этот JavaScript (с использованием JQuery) ...

    $(document).ready(function() {  
            $('#parent').change(function() {
    $('#subcats').load('updatecell.php','value=' + $(this).val());
    return false;
});
        });

из другого проекта. Как я могу изменить вышеперечисленное для динамической работы с каждой ячейкой? Мне нужно будет отправить имя входа (координаты) и обновленное значение (значение) в updatecell.php. Я могу использовать имя, идентификатор или класс для идентификации входных имен, если это необходимо.

Answer 1

Вы можете выбрать все текстовые входы в TD и затем использовать 'get', чтобы отправить запрос GET со значениями в строке запроса, например:

$(function() {
    $('td input[type=text]').change(function() {
        var coords = $(this).attr("name").split("_");
        $.get('updatecell.php',{row: coords[0], col: coords[1], value: $(this).val()});
        return false;
    });
});