Как в FormData получить данные из select multiple?

Question

[Максим Медведев]

Добрый день.
Есть на странице форма, в которой есть поле
<select name="status[]" multiple>

Данные из формы получаю через

var form_data = new FormData(this_form);
console.log(form_data);

При отправке формы я вижу, что в списке отправленных полей есть записи
status[]: "5"

То есть только первое выбранное значение у селекта, а не все. Как правильно в таком случае получать все данные из формы?

Comments

[Alex_mos]

А можно js код или закинуть то что есть на codpen

[Максим Медведев]

а так это весь код.
форма + поле селекта с набором option, а по js коду я делаю так:

var form_data = new FormData(this_form);
console.log(form_data);

[Alex_mos]

Максим Медведев, а как вы получаете данные из select?

[Alex_mos]

Максим Медведев, вот посмотри

[Максим Медведев]

Alex_mos, я сразу всю форму получаю через new FormData();

нашел такой вариант
https://vanillajstoolkit.com/helpers/serialize/

но, так как в форме у меня названия поля идет в виде name="status[]" - то и в полученных данных оно получается такое:
status[]: ["6", "1", "3", "2", "5"]
- то есть после названия поля буквально берется еще и [].
а если в поле выбрать одно значение, то вовсе
status: "6"
- то есть уже строка, а не массив

[Stalker_RED]

Максим Медведев, FormData работает хорошо, и собирает все данные как положено, и при отправке через fetch или xhr тоже все хорошо.

Похоже, что ваш вопрос надо переименовать в "как мне перебрать поля в FromData, если мне лень заглянуть в справочник, и узнать о entries, keys, get, getAll и других методах"

Answer 1

[Stalker_RED]

Работает из коробки


Если хотите получать собранные данные из скрипта, то посмотрите в справочник. Там есть entries(), keys(), get(), getAll() и другие методы.

Answer 2

[Алексей Климов]

Есть костыльное решение:

let sendData = {}, sendDataIndex = {},
    postData = new FormData(form);

for(const pair of postData.entries()) {

    if (postData.getAll(pair[0]).length > 1) {
        pair[0] = pair[0].replace(/\[\]/, "");

        if (sendDataIndex[pair[0]] === undefined) {
            sendDataIndex[pair[0]] = 0;
        } else {
            sendDataIndex[pair[0]]++;
        }

        pair[0] += "[" + sendDataIndex[pair[0]] + "]";
    }

    sendData[pair[0]] = pair[1];

}