Извлечение значений элементов управления в каждой строке таблицы с использованием Jquery

Добавление выпадающих select, по которым, я думаю, вы имеете в виду элементы select, довольно просто, просто изменив вместо этого $('td input', row) на $('td input, td select', row).

Я создал пример (http://jsbin.com/garohure/1/edit), который также включает в себя первый столбец на выходе:

function tableToString(){
    var rows = [];

    $("#field tr").each(function (iRow, row) {

        var cells = [],
            firstTd = $(row).find('td').first();

        cells.push( firstTd.text() );

        $(row).find('input,select').each(function (iField, field) {
            cells.push( $(field).val() );
        });

        rows.push( cells.join('|') );
    });

   return rows.join(',<br>');
}

Моя функция немного отличается, поскольку я пытался сделать ее более понятной для того, что происходит. Я также собираю все значения в массиве сначала, присоединяю его к строке и затем сохраняю.

Логика здесь такова:

• получить все строки /TR в таблице и пропустить их
• получить первое значение ячейки и значение всех полей ввода и выбора в этой строке
• присоедините эти значения и сохраните их в массиве строк
• когда это делается, соедините все значения в массиве rows и верните их

Btw, имея это как дополнительную функцию, а не делает все это в вашем обратном вызове, позволяет легко выполнить его из другого места (например, консоль для тестирования).