Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
ApsenT
-6 / 0 / 0
Регистрация: 09.10.2017
Сообщений: 14
1

Отслеживание и изменения в таблице

30.01.2019, 18:14. Просмотров 362. Ответов 6

У меня есть таблица и каждый tr в ней имеет определенный id, Мне нужно отследить изменения input в таблице и после этого поменять значения в остальных input.

На картинке таблица

HTML5
1
2
3
4
5
<tr id="1">
<td id="kol">...</td>
<td id="sale">...</td>
<td id="price">...</td>
</tr>
Вот пример таблицы в html
0
Миниатюры
Отслеживание и изменения в таблице  
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
30.01.2019, 18:14
Ответы с готовыми решениями:

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

Отслеживание изменения класса section
Здравствуйте. Необходима помощь! Имеется блок: &lt;section id=&quot;2&quot; class=&quot;slide&quot;&gt;...&lt;/section&gt; ...

Изменения ширины ячейки в динамической таблице на JavaScript
Всем день добрый! Прошу помочь разобраться с динамической таблицей сформированной на...

Как с использованием javascript или jquery выделить цветом изменения позиции в таблице?
Добрый день. У меня есть такая таблица HTML: Время Рост Вес 22-03-2015 179 80...

Задача: обеспечить пользователю возможность динамического изменения ширины полей в таблице, отображаемой в броузере
Привет всем! Есть задача: обеспечить пользователю возможность динамического изменения ширины полей...

6
kalabuni
супермизантроп
Эксперт JS
3393 / 2694 / 641
Регистрация: 18.04.2012
Сообщений: 8,193
30.01.2019, 19:21 2
Цитата Сообщение от ApsenT Посмотреть сообщение
каждый tr в ней имеет определенный id
лишнее это, таблица по сути своей -- матрица: у всякой строки есть свой уникальный rowIndex в коллекции строк таблицы rows, а у всякой ячейки имеется свой уникальный cellIndex в коллекции ячеек строки cells
строки в коллекции rows "нумеруются" сверху вниз, начиная с нулевой, ячейки в коллекции cells -- слева направо, также начиная с нулевой

организуйте цикл, перебирающий строки с первой (ведь в нулевой у вас прописаны заголовки столбцов) до rows.length - 1, на каждом шаге обращайтесь к нужным ячейкам строки и делайте то, что вам требуется со значениями, прописанными в ячейках (или в инпутах, находящихся в ячейках)
0
klopp
343 / 295 / 142
Регистрация: 14.10.2017
Сообщений: 827
30.01.2019, 19:22 3
на нужный input вешаете обработчик на событие change
0
ApsenT
-6 / 0 / 0
Регистрация: 09.10.2017
Сообщений: 14
30.01.2019, 19:23  [ТС] 4
а можно в примере
0
svtslv
298 / 152 / 64
Регистрация: 18.01.2019
Сообщений: 437
30.01.2019, 19:40 5
Цитата Сообщение от ApsenT Посмотреть сообщение
а можно в примере
HTML5
1
2
3
4
5
6
7
<table>
  <tr id="1">
    <td id="kol"><input type="text" value='1'></td>
    <td id="sale"><input type="text" value='1'></td>
    <td id="price"><input type="text" value='1'></td>
  </tr>
</table>
Javascript
1
2
3
document.querySelectorAll('#kol input').forEach(i => i.addEventListener('input', event => {
 event.target.parentElement.parentElement.querySelector("#sale input").value = 2
}))
0
ApsenT
-6 / 0 / 0
Регистрация: 09.10.2017
Сообщений: 14
30.01.2019, 20:36  [ТС] 6
А в jquery как будет это?
0
svtslv
298 / 152 / 64
Регистрация: 18.01.2019
Сообщений: 437
30.01.2019, 22:05 7
Цитата Сообщение от ApsenT Посмотреть сообщение
А в jquery как будет это?
Javascript
1
2
3
$('#kol input').on('input', function() {
    $(this).closest('tr').find('#sale input').val(2)
})
Добавлено через 8 минут
Оказывается и в нативном есть closest
Javascript
1
2
3
document.querySelectorAll('#kol input').forEach(i => i.addEventListener('input', event => {
    event.target.closest('tr').querySelector('#sale input').value = 2
}))
Добавлено через 56 минут
И кстати id это уникальный идентификатор он может быть только один на странице. А на картинке несколько одинаковых tr. Нужно использовать class и соответсвенно в коде '.kol input' '.sel input' '.price input'
1
30.01.2019, 22:05
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
30.01.2019, 22:05

Отслеживание изменения файлов
Добрый день! Подскажите, как можно получить &quot;сигнал&quot; о том что чужое приложение, открывшее файл,...

Отслеживание изменения переменной
Здравствуйте! Вопрос немного ламерский. Есть trackBar. Есть значение переменной, допустим, а....

Отслеживание изменения переменной
Есть переменная, допустим int a;, хочу в логике работы софта сделать отслеживание изменения...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru