Добавление заглавного option?

Question

[вовчек]

Есть select, в который добавляются через js option`ы, но нужно сделать так, чтобы по дефолу всегда 1 option был "Country".

<select name="countries" id="countries"></select>

Добавить просто в html selector option не получается, так как в js мы перезаписываем весь select, используя innerHTML

const sel = document.getElementById('countries');

 dataCountries({
        method: 'GET',
        url: 'https://restcountries.com/v2/all/',
        success: data => {
            sel.innerHTML = data.map(el =>
                `<option>${el.name}</option>`
            ).join('');
        }
    });

Answer 1

[Anonymous Penguin]

Надеюсь правильно понял. Это элементарная задача

<select name="countries" id="countries">
    <option>Country</option> <!-- тот что дефолтный -->
</select>

success: data => {
    sel.innerHTML += data.map(el =>
        `<option>${el.name}</option>`
    ).join('');
}

Comments

[вовчек]

Нет, мы в js перезаписываем весь select используя innerHTML.

[Anonymous Penguin]

Вова, Я добавил += в коде, этот оператор не перезаписывает а добавляет. Или ты что-то другое имеешь ввиду?

[вовчек]

А, понял, +=.

[вовчек]

Anonymous Penguin, спасибо.