Как собирать ценность с Select через цикл? [закрыто] ⇐ Javascript

[Anonymous]

Я хочу пройти много избранных, взять значение и поместить его в массив, то есть мне нужно вытащить один Select за раз и добавлять его значение к карте и т. Д. The Select , чтобы отобразить все значения
Как будет выглядеть карта :
select -> get option -> push map :
[{
0:{name: "hello"} // first select
1: {name: "good bye"}, // second select
}]

Каждый выбор находится в точной копии этого контейнера. Единственное отличие-идентификатор из выбора уникальна от других

name: require





Null


;



Это функция, где сама выбор создан и хранится:

export function addFields(fields_name, availableFields) {
const add_fields = document.getElementById("fields-add");
const html = document.getElementById("container-infinity");
html.innerHTML = ``;
let label = "";

let field_parse = Object.values(
fields_name.map((f) => {
return f;
})
);

let available_parse = Object.values(
availableFields.map((f) => {
return f;
})
);

let html_select = `


Null

`;
html_select += `${available_parse.map((f) => {
console.log("aviable");
return `


${f.label}: ${f.type}

`;
})}`;
html_select += `
;
`;
const fields = [];
html.innerHTML += `
${field_parse.map((j) => {
Object.entries(j).map((_key, value) => {
label += ` Object.values(j)[value] === "require"
}" data-name="${
Object.keys(j)[value]
}">
${Object.keys(j)[value]}: ${
Object.values(j)[value] === "require" ? Object.values(j)[value] : ""
}


${html_select}`;
let data = "select." + Object.keys(j)[value];

// fields.push([
// {
// name: Object.keys(j)[value],
// require: Object.values(j)[value],
// value: select.value
// },
// ]);
});
return (
label +
`Сохранить`
);
})}
`;
appendParams(field_parse);

add_fields.style.display = "block";
appendParams(fields);
console.log(fields);
}

Я не знаю идентификатор, точнее, он может быть совершенно разным в каждом выборе , но у меня есть доступ к тому, что он будет вызван, и он находится здесь:
html.innerHTML += `
${field_parse.map((j) => {
Object.entries(j).map((_key, value) => {
label += ` Object.values(j)[value] === "require"
}" data-name="${
Object.keys(j)[value]
}">
${Object.keys(j)[value]}: ${
Object.values(j)[value] === "require" ? Object.values(j)[value] : ""
}


${html_select}`;
let data = "select." + Object.keys(j)[value];

// fields.push([
// {
// name: Object.keys(j)[value],
// require: Object.values(j)[value],
// value: select.value
// },
// ]);
});
return (
label +
`Сохранить`
);
})}
< /code>
Вот моя попытка, это не успешно: < /p>
export function appendParams(field_parse) {
let test = field_parse.map((f) => {
console.log(Object.keys(f));
return Object.keys(f);
});
test.forEach((f) => {
let select = document.getElementById(f);
console.log(select);
console.log(f);
});
console.log(test);
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... ugh-a-loop