Как добавить описание select?

Question

[testtoster]

Есть такой код. Была задача сделать активным первый пункт в выпадающем списке. Можно ли добавить описание для select, чтобы он не был пустым и выводилось что-то типо placeholder?

<select class="select select__right" onchange="window.location.href=this.options[this.selectedIndex].value">
  <option value="test.ru/partners/magadan">1</option>
        <option value="test.ru/partners/magadan">2</option>
        <option value="test.ru/partners/magadan">3</option>
</select>

document.querySelector('#partners__select').value = '';

Answer 1

[0xD34F]

Добавьте в начало скрытый option:

<select>
  <option value="" hidden>здесь ваше описание</option>
  ...

UPD. А зачем тэг "javascript"? Собираетесь добавлять "описания" динамически? Если так, есть следующие варианты:

select.innerHTML = '<option value="" hidden>...</option>' + select.innerHTML;

select.insertAdjacentHTML('afterbegin', '<option value="" hidden>...</option>');

const option = document.createElement('option');
option.value = '';
option.hidden = true;
option.innerText = '...';
select.prepend(option);

const option = new Option('...', '');
option.style.display = 'none';
select.insertBefore(option, select.firstElementChild);

https://jsfiddle.net/bkdcexhw/