Форум Сайтостроение Веб-строительство

Выборка из таблицы

BPhoenix
На сайте с 12.01.2009
Offline
66
BPhoenix
774

Здравствуйте, уважаемые форумчане.

Есть html таблица. Припустим десять столбиков и неограниченное количество рядков (каждый рядок - единица продаваемой продукции)

Внимание вопрос: КАК можно (и можно ли вообще) реализовать выборку из сгенерированной таблицы?

Тоесть, добавляем 11й столбик с чекбоксами. Пользователь выбирает 15 разных строк, нажимает "ОК" и таблица урезается только до этих 15ти строчек

Да, важный момент - это должно происходить без обращения к базе, сразу на странице.

Спасибо =)

T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#1

BPhoenix, вариантов много:

1-й у строке таблицы (<tr id="ax">) можно средствами JS указать document.getElementById("ax").style.visibility='hidden'; Если JS хотя-бы чуть Вам известен, решите все просто...

2-й вариант (для извращенцев) подключаем гквери или подобное и курим его

Выбирайте сами

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)
BPhoenix
На сайте с 12.01.2009
Offline
66
BPhoenix
#2
2-й вариант (для извращенцев) подключаем гквери или подобное и курим его

Значит я до этого упорно был извращенцем 😂

Спасибо за ответ, пошёл штудировать первый вариант

T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#3
BPhoenix:
Значит я до этого упорно был извращенцем

как говаривала небезызвестная дама - "извращение - это хоккей на траве и балет на льду. все остальное - нормально. просто нужно уметь воспринимать мир как он есть".

4arger
На сайте с 17.12.2008
Offline
95
4arger
#4

примерно так:


<html>
<head>
<title>Table</title>
<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	var table = $('table');
	table.find('tfoot :button').click(function(){
		table.find('tbody tr:has(input:not(:checked))').hide();
	});
});
</script>
</head>
<body>
<table cellpadding="5">
<thead>
<tr>
	<th>Номер</th>
	<th>Наименование</th>
	<th>Цена</th>
	<th>Количество</th>
	<th>&nbsp;</th>
</tr>
</thead>
<tfoot>
<tr>
	<th>&nbsp;</th>
	<th>&nbsp;</th>
	<th>&nbsp;</th>
	<th>&nbsp;</th>
	<th><input type="button" value=" OK "></th>
</tr>
</tfoot>
<tbody>
<tr>
	<td>1</td>
	<td>Наименование</td>
	<td>Цена</td>
	<td>10</td>
	<td><input type="checkbox"></td>
</tr>
<tr>
	<td>2</td>
	<td>Наименование</td>
	<td>Цена</td>
	<td>20</td>
	<td><input type="checkbox"></td>
</tr>
<tr>
	<td>3</td>
	<td>Наименование</td>
	<td>Цена</td>
	<td>30</td>
	<td><input type="checkbox"></td>
</tr>
<tr>
	<td>4</td>
	<td>Наименование</td>
	<td>Цена</td>
	<td>40</td>
	<td><input type="checkbox"></td>
</tr>
</tbody>
</table>
</body>
</html>

немного поправил...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий