Удаление всех строк внутри tbody

[stos]

Здравствуйте.
Такой вопросик: как удалить все строки внутри tbody сразу.
По одной строке я удаляю без проблем, а вот чтобы все сразу?

И еще, на всякий случай, как передать данные из этих всех строк в POST?

Исходные данные.
сам tbody:

<tbody id="orders_tbody">
				
</tbody>

формирую строки:

function addRow(i1,i2,i3,i4,i5, nic)
		{			
            $('#orders_tbody').each(function()
			{
				var tds = '<tr id="row_'+nic+'">';
				tds += '<td>'+i1+'</td>';
				tds += '<td>'+i2+'</td>';
				tds += '<td>'+i3+'</td>';
				tds += '<td>'+i4+'</td>';
				tds += '<td>'+i5+'</td>';
				tds += '<td align="center" width="30"><img src="imgs/del.png" [B]onclick="delete_row(\'row_'+nic+'\','+i4+','+i5+')"[/B] border="0" height="25" width="25"></td>';
				tds += '</tr>';
				if($('tbody', this).length > 0)
				{
					$('tbody', this).append(tds);
				}
				else 
				{
					$(this).append(tds);
				}
			});		
        }

удалю строку:

function delete_row(r,nq,nsum) 
{
	var l = '#'+r;
	$(l).fadeTo(5000, 1).remove();
	
	var tpr = parseFloat($('#order_total').text() - nsum,2);
	$('#order_total').text(tpr);
	
	var tqua = parseInt($('#totalGoods').text() - nq);
	$('#totalGoods').text(tqua);
    $('#totalPrice').text(tpr);
}

сильно только не ругайте

спасибо..

[miha-ha]

$('#orders_tbody').html('');

[miha-ha]

Или так:

var e = document.getElementById('orders_tbody');
while ( e.rows[0] ) {
e.deleteRow(0);
}

[stos]

$('#orders_tbody').html('');

работает. спасибо. мои познания постепенно расширяются

тогда такой еще вопрос:
как передать данные из этих всех строк в POST?

[Kolyaj]

работает. спасибо. мои познания постепенно расширяются

Осталось в IE проверить.

[miha-ha]

используй подобную функцию:

function postwith (to,p) {
  var myForm = document.createElement("form");
  myForm.method="post" ;
  myForm.action = to ;
  for (var k in p) {
    var myInput = document.createElement("input") ;
    myInput.setAttribute("name", k) ;
    myInput.setAttribute("value", p[k]);
    myForm.appendChild(myInput) ;
  }
  document.body.appendChild(myForm) ;
  myForm.submit() ;
  document.body.removeChild(myForm) ;
}

применение:

<a href="javascript:postwith('post.php',{row1:'dataRow1',row2:'dataRow2'})">click</a>

[miha-ha]

Но ты мешаешь логику и представление!
Тебе необходимо разделить данные и их отображение.
Например:

//данные
var tableData = [{name: 'ivan', age: 20}, 
{name:'kolyan', age: 21}, 
{name:'miha', age: 22}];

//отображение tableData
function drawTable(dataTable){
   //1.очистить таблицу
   //2.добавить строки
}

Таким образом ты всегда работаешь с данными и обновляешь отображение в случае изменения данных. Например при удалении строки нужно перерисовать таблицу. Соответсвенно именно данные и будешь передавать на сервер...

[stos]

Осталось в IE проверить.

хм. поразительно. в осле всё работает именно так как должно работать. чтобы норм в хроме ипр. работало надо будет еще проверок на валидность написать.

<a href="javascriptostwith('post.php',{row1:'dataRo w1',row2:'dataRow2'})">click</a>

я что-то не понимаю или здесь мы отсылает содержимое двух строк?

[miha-ha]

я что-то не понимаю или здесь мы отсылает содержимое двух строк?

да именно

[stos]

Но ты мешаешь логику и представление!
Тебе необходимо разделить данные и их отображение.

всё в порядке с логикой и представлением

Пробую отсылать.
Отпишусь о результатах