Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.12.2012, 02:17
Интересующийся
Отправить личное сообщение для zerojava Посмотреть профиль Найти все сообщения от zerojava
 
Регистрация: 26.05.2011
Сообщений: 20

Добавить/удалить строки в таблице
Есть работающий код который добавляет и удаляет строки в таблице. Подскажите пожалуйста как сделать чтобы удалялось и добавлялось только определенное кол-во строк? К примеру мин. = 3, макс = 8 строк в указанной таблице

<script>
function deleteRow()
{
document.getElementById("myTable").deleteRow(0);
}
function addRow()
{
var table=document.getElementById("myTable");
var row=table.insertRow(0);
var cell=row.insertCell(0);
cell.innerHTML="cell";
}
</script>

<table id="myTable" border="1">
  <tr>
    <td>cell</td>
  </tr>
  <tr>
    <td>cell</td>
  </tr>
  <tr>
    <td>cell</td>
  </tr>
  <tr>
    <td>cell</td>
  </tr>
</table>
<br>
<button type="button" onclick="deleteRow()">-</button> <button type="button" onclick="addRow()">+</button>
Ответить с цитированием
  #2 (permalink)  
Старый 30.12.2012, 16:09
Интересующийся
Отправить личное сообщение для zerojava Посмотреть профиль Найти все сообщения от zerojava
 
Регистрация: 26.05.2011
Сообщений: 20

Сообщение от Дзен-трансгуманист Посмотреть сообщение
У таблиц есть свойство rows, являющееся live-коллекцией строк, из него и узнается их количество.
Это то что мне было нужно! Спасибо за помощь и подсказку!
Ответить с цитированием
  #3 (permalink)  
Старый 30.12.2012, 23:09
Интересующийся
Отправить личное сообщение для zerojava Посмотреть профиль Найти все сообщения от zerojava
 
Регистрация: 26.05.2011
Сообщений: 20

Возникла необходимость явно указывать кол-во ячеек в таблице. Подскажите пожалуйста еще как привязать скрипт к списку <select>. Чтобы при выборе кол-ва ячеек в списке, соответстовавало кол-ву ячеек в таблице

<select name="select">
<option value="5" selected="selected">5 шт</option>
<option value="6">6 шт</option>
<option value="7">7 шт</option>
<option value="8">8 шт</option>
<option value="9">9 шт</option>
</select>
Ответить с цитированием
  #4 (permalink)  
Старый 31.12.2012, 03:03
Интересующийся
Отправить личное сообщение для zerojava Посмотреть профиль Найти все сообщения от zerojava
 
Регистрация: 26.05.2011
Сообщений: 20

Сообщение от Дзен-трансгуманист
Если нужно больше чем есть, то добавьте сколько нужно через цикл.
Если нужно меньше - через цикл же и удалите.
к сожалению я не знаю как это сделать... а "живого примера" у Вас нет?
Ответить с цитированием
  #5 (permalink)  
Старый 31.12.2012, 16:43
Интересующийся
Отправить личное сообщение для zerojava Посмотреть профиль Найти все сообщения от zerojava
 
Регистрация: 26.05.2011
Сообщений: 20

Спасибо за подробное описание. Но я хотел бы явно привязать добавление к элементу <select>. чтобы значение value соответствовало кол-ву строк в таблице. Чтоб строки добавлялись и удалялись только после первой строки, внутри таблицы.

Пробовал так, но не работает
<script>
function Rows ( count, relative ) {
  var table = document.getElementById( "myTable" );
  var rows = table.rows;
  var count = document.getElementById("rows")[4].value;
	table.insertRow( 1 ).insertCell( 1 ).innerHTML = "";
}
</script>

<select name="select" id="rows" onchange="Rows()">
	<option value="4">4 шт</option>
	<option value="5" selected="selected">5 шт</option>
	<option value="6">6 шт</option>
	<option value="7">7 шт</option>
	<option value="8">8 шт</option>
	<option value="9">9 шт</option>
</select>
<br/>
<table id="myTable" border="1">
<tr><td>row 1</td></tr>
<tr><td>row 2</td></tr>
<tr><td>row 3</td></tr>
<tr><td>row 4</td></tr>
</table>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Максимальная ширина строки в таблице debugx (X)HTML/CSS 5 15.10.2011 13:08
Выделение строки в таблице posta ExtJS 5 23.06.2011 12:31
Отфильтровать строки в таблице по заданным критериям Hag1989 Общие вопросы Javascript 0 03.12.2009 02:06
Строки в таблице Gufer Элементы интерфейса 3 28.06.2009 01:53
Подсветка выделенной строки в таблице (row table highlight) artsage Элементы интерфейса 4 03.04.2009 06:40