Size: a a a

JavaScript Noobs — сообщество новичков

2020 June 09

БВ

Богдан Волков... in JavaScript Noobs — сообщество новичков
Всем привет, такой вопрос, есть ряд состоящий из заголовка, двух инпутов и селекта, под ними 2 кнопки, добавить(добавляет такой же ряд) и сохранить, как сделать чтобы при нажатии на кнопку сохранить, данные со всех рядов записывались в обьект ?
источник

I

Igor in JavaScript Noobs — сообщество новичков
querySelectAll(input.какойто класс)
и обойти это все циклом
источник

БВ

Богдан Волков... in JavaScript Noobs — сообщество новичков
Уточню, обьект должен выглядить примерно так
источник

D

Danila in JavaScript Noobs — сообщество новичков
Богдан Волков
Уточню, обьект должен выглядить примерно так
const formData = {};
form.querySelectorAll('input[name]').forEach(input => {
  formData[input.name] = input.value;
});
источник

D

Danila in JavaScript Noobs — сообщество новичков
Инпутам name не забудь
источник

D

Danila in JavaScript Noobs — сообщество новичков
А, ну для checkable элементов не забудь проверку
источник

ЛХ

Лапки Х in JavaScript Noobs — сообщество новичков
Danila
const formData = {};
form.querySelectorAll('input[name]').forEach(input => {
  formData[input.name] = input.value;
});
const formData = {}
const inputs = form.querySelectorAll('input[name]')
for (const input of inputs) {
  formData[input.name] = input.value
}
источник

ЛХ

Лапки Х in JavaScript Noobs — сообщество новичков
так читабельнее будет, имхо
источник

D

Danila in JavaScript Noobs — сообщество новичков
Лапки Х
const formData = {}
const inputs = form.querySelectorAll('input[name]')
for (const input of inputs) {
  formData[input.name] = input.value
}
Фор оф не пашет в ИЕ
источник

D

Danila in JavaScript Noobs — сообщество новичков
Но если полагаться на бабель, я бы тогда предпочёл вообще [...inputs].map()
источник

ЛХ

Лапки Х in JavaScript Noobs — сообщество новичков
Danila
Фор оф не пашет в ИЕ
IE #ненужно
источник

ЛХ

Лапки Х in JavaScript Noobs — сообщество новичков
он не поддерживается даже его собственными разрабами уже который год
источник

ЛХ

Лапки Х in JavaScript Noobs — сообщество новичков
Danila
Но если полагаться на бабель, я бы тогда предпочёл вообще [...inputs].map()
как ты мапом из массива сделаешь объект?
источник

D

Danila in JavaScript Noobs — сообщество новичков
Лапки Х
как ты мапом из массива сделаешь объект?
Редус, конечно, не мап
источник

D

Danila in JavaScript Noobs — сообщество новичков
Хотя хз, может громоздко получится
источник

ЛХ

Лапки Х in JavaScript Noobs — сообщество новичков
Лапки Х
const formData = {}
const inputs = form.querySelectorAll('input[name]')
for (const input of inputs) {
  formData[input.name] = input.value
}
по-моему так — в самый раз
источник

D

Danila in JavaScript Noobs — сообщество новичков
Угу
источник

AG

Andrey Govorukhin in JavaScript Noobs — сообщество новичков
а разве сейчас forEach с nodeList нормально работает в сафари, edge ?
источник

М

Максим in JavaScript Noobs — сообщество новичков
edge уже на движке хрома
источник

D

Danila in JavaScript Noobs — сообщество новичков
Andrey Govorukhin
а разве сейчас forEach с nodeList нормально работает в сафари, edge ?
Эдж тех версий, где не работало мертвее чем 11ИЕ
источник