Как к тексту каждого пункта ( option) добавить значение его атрибута value?

Question

[Antonio09]

https://jsfiddle.net/gkyshtob/2/

Answer 1

[0xD34F]

const select = document.querySelector('здесь селектор вашего select\'а');
const addValToText = option => addText(option, getVal(option));

Как получить value:

const getVal = option => option.value;
// или
const getVal = option => option.getAttribute('value');
// или
const getVal = option => option.attributes.value.value;

Как добавить текст:

const addText = (option, text) => option.text += text;
// или
const addText = (option, text) => option.textContent = option.textContent.concat(text);
// или
const addText = (option, text) => option.innerText = `${option.innerText}${text}`;
// или
const addText = (option, text) => option.append(text);
// или
const addText = (option, text) => option.insertAdjacentText('beforeend', text);
// или
const addText = (option, text) => option.appendChild(document.createTextNode(text));
// или
const addText = (option, text) => option.insertBefore(new Text(text), null);

Добавляем:

Array.prototype.forEach.call(select, addValToText);

// или

select.querySelectorAll('option').forEach(addValToText);

// или

for (const n of select.options) {
  addValToText(n);
}

// или

for (let i = 0; i < select.children.length; i++) {
  addValToText(select.children[i]);
}