Получить значение элемента из формы

@nvrabotaru1 · Регистрация: 12.04.2021

Студворк — интернет-сервис помощи студентам

Здравствуйте.
Помогите получить значение элемента strok из формы из той строки, в которой была нажата кнопка <button>.

Код здесь http://moyka-pro.ru/tz_file2.php

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<html><head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>
<form name="person" action="#" method="POST"><table id="tender" border="1"><tbody><tr><td align="center">N п/п</td><td align="center">Полное наименование МТО</td><td align="center">Поставляемое<br>количество </td><td align="center">Файл</td></tr><tr><td>1</td><td align="left">Мышь беспроводная<input name="name_mto[]" type="hidden" value="Мышь беспроводная"></td><td><input name="kol_fact[]" type="text" size="15" value=""></td><td><input type="file" name="sortpic"><button type="button">Upload</button></td></tr><tr><td>2</td><td align="left">Клавиатура беспроводная<input name="name_mto[]" type="hidden" value="Клавиатура беспроводная"></td><td><input name="kol_fact[]" type="text" size="15" value=""></td><td><input type="file" name="sortpic"><button type="button">Upload</button></td></tr><tr><td>3</td><td align="left">Монитор<input name="name_mto[]" type="hidden" value="Монитор"></td><td><input name="kol_fact[]" type="text" size="15" value=""></td><td><input type="file" name="sortpic"><button type="button">Upload</button></td></tr></tbody></table><p align="left"><input name="kol_usl" type="hidden" value="3"><input name="id_zap" type="hidden" value=""><input type="submit" class="sub" value="Отправить"></p></form><br><br>
<script>
document.querySelectorAll('#tender button')
    .forEach(but => {
        but.addEventListener('click', function() {
            const file_data = but.parentElement.querySelector('input').files[0];
            const form_data = new FormData();
            form_data.append('userfile', file_data);
            form_data.append('namefile', '1');
            form_data.append('firma', 'Roga');
            for (const pair of form_data.entries()) {
                console.log(pair[0]+ ', ' + pair[1]); 
            }
            fetch('upload1.php', {
                method: 'POST',
                body: form_data,
                cache: 'no-cache'
                })
            .then((resp) => {/* не знаю, что у вас посылает сервер в ответ*/})
       });
    })
</script>
</body></html>

Я пытался сделать так

JavaScript
1
const podpap = but.parentElement.getElementsByName('strok');

@muxahuk1214 · 21.04.2021, 11:45

JavaScript
1
2
3
4
5
but.parentElement.querySelector('#strok').value;
 
// или
 
but.parentElement.getElementById('strok').value

Новые блоги и статьи Все статьи Все блоги /
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .