Как добавить ссылки в select?

Question

[testtoster]

Здравствуйте. Задача такая. Есть выпадающий список и в него нужно добавить ссылки. Сейчас проблема заключается в том, что первая ссылка является не активной и по клику на нее на страницу не переходит. Остальные ссылки работают нормально. В чем я ошибся?

<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>

Answer 1

[v3shin]

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

Значение селекта станет пустым, новый option не добавится.
Если это решение вам не подходит, заверстайте в виде обычных ссылок.

Comments

[testtoster]

подскажите как добавить это правильно в код?

[v3shin]

testtoster, не понял вопроса.

[testtoster]

v3shin, разобрался. спасибо. а как сделать чтобы в select все же был какой-то текст изначально?

[v3shin]

testtoster, можно создать option с пустым значением и нужным текстом.

Answer 2

[Анатолий Куликов]

Поставьте первым пунктом пустое значение - у вас сейчас у селекта значение первого пункта и события onChange не происходит, потому что пункт не меняется.

Или поставьте рядом кнопку типа "Перейти", и событие повесьте на неё.

Comments

[testtoster]

Пустое значение тогда будет отображаться в списке. Сделать нужно так, чтобы переходить можно было по страницам без кнопки и без пустого значения в списке

Answer 3

[Надим]

https://selectize.github.io/selectize.js