Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
0 / 0 / 0
Регистрация: 25.03.2019
Сообщений: 2

Добавление строк в таблицу кнопкой и отслеживание id данной строки

27.01.2021, 12:58. Показов 774. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Делаю вывод новой строки в таблицу по нажатию на кнопку. Всё появляется, но не работает клик по картинке у строки, которая появилась, чтобы забрать id данной строки. Как это исправить и есть ли другой способ забрать id, чтобы дальше по нажатию кнопки данные отправлялись в бд.
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
$(document).ready(function(){
jQuery(function(){
    var number = 1;
    jQuery('.add_ARM').click(function(event){
        event.preventDefault();
 
    var pp ='<input class="pp'+number+'" style="width:120px;">';
    var nomer_arm ='<input class="nomer_arm'+number+'" style="width:120px;">';
    var name_arm ='<input class="name_arm'+number+'" style="width:120px;">';
    var sostoianie_arm ='<input class="sostoianie_arm'+number+'" style="width:120px;">';
    var lenta_nomer ='<input class="lenta_nomer'+number+'" style="width:120px;">';
    var lenta_data ='<input class="lenta_data'+number+'" style="width:120px;">';
    var name_ckzi ='<input class="name_ckzi'+number+'" style="width:120px;">';
    var akt_ckzi ='<input class="akt_ckzi'+number+'" style="width:120px;">';
    var data_skzi ='<input class="data_skzi'+number+'" style="width:120px;">';
    var name_del_ckzi ='<input class="name_del_ckzi'+number+'" style="width:120px;">';
    var akt_del_ckzi ='<input class="akt_del_ckzi'+number+'" style="width:120px;">';
    var data_del_ckzi ='<input class="data_del_ckzi'+number+'" style="width:120px;">';
    var comment ='<input class="comment'+number+'" style="width:120px;">';
var newRow = jQuery('<tr><td align="center">'+pp+'</td><td align="center">'+nomer_arm+'</td><td align="center">'+name_arm+'</td><td align="center">'+sostoianie_arm+'</td><td align="center">'+lenta_nomer+'</td><td align="center">'+lenta_data+'</td><td align="center">'+name_ckzi+'</td><td align="center">'+akt_ckzi+'</td><td align="center">'+data_skzi+'</td><td align="center">'+name_del_ckzi+'</td><td align="center">'+akt_del_ckzi+'</td><td align="center">'+data_del_ckzi+'</td><td align="center">'+comment+'</td><td><img src="image/ok.png" style="width:26px; cursor:pointer" class="save" id="'+number+'" alt="Пример кода"></tr>');
    number++;
    jQuery('#addtablerow').append(newRow);
            });
});
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
27.01.2021, 12:58
Ответы с готовыми решениями:

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

Функции работы со строками символов: определение размера строки, копирование строк, добавление строк, сравнение строк
На языке Ассемблер написать функции работы со строками символов: определение размера строки, копирование строк, добавление строк, сравнение...

Создать web-форму с полями для ввода количества строк и столбцов таблицы и кнопкой «Нарисовать таблицу»
Помогите решить задачи. В колледже задали много задач по языку PHP, часть решил, а вот на этих застопорился. Язык PHP. Создать...

1
 Аватар для fanatikus
1932 / 1523 / 703
Регистрация: 17.11.2012
Сообщений: 6,585
27.01.2021, 18:25
JavaScript
1
2
3
$(document).on('cilick', '.save', function(){
   let id = $(this).attr('id');
})
Добавлено через 2 минуты
Цитата Сообщение от kegorka Посмотреть сообщение
чтобы дальше по нажатию кнопки данные отправлялись в бд.
зачем вам для этого id из формы. id в базе, обычно авто инкремент
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
27.01.2021, 18:25
Помогаю со студенческими работами здесь

Добавление строк в таблицу
&lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;title&gt;Документ без названия&lt;/title&gt; &lt;script...

Добавление строк в таблицу
Подскажите, пожалуйста, как ограничить количество добавленных строк в таблице, можно добавить максимум 3 строчки. Строчки добавляются...

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

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

Добавление строк в таблицу
Чтобы добавить новую строку в текстовое поле я использую команду valuetext=&quot;123abcd&quot; self.textEdit = QTextEdit(self) ...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru