Как сделать меню через select?

Question

[diana-staputov]

Хочу сделать меню через select , не могу понять что прикрутить, чтоб при выборе пункта, я переходила на нужный мне урл?

Answer 1

[diana-staputov]

<select onchange="top.location=this.value">
    <option value="http://domain.ru/"> URL first</option>
    <option value="http://domain.ru/"> URL second </option>
</select>

Comments

[Павел Корнилов]

<select onchange="location.href=this.value">
    <option value="http://domain.ru/"> URL first</option>
    <option value="http://domain.ru/"> URL second </option>
</select>

Answer 2

[Morfeey]

<select>
    <option> <a href='http://url-first.domen'> URL first</a> </option>
    <option> <a href='http://url-second.domen'> URL second</a> </option>
</select>

Но лучше почитай про бутстрап.

Comments

[diana-staputov]

а есть не через бутстрап? не хочется пока туда окунаться..

[tyzberd]

<option> <a href='http://url-first.domen'> URL first</a> </option>

браузер вырежет ссылку, оставив только текст

[Morfeey]

diana-staputov, ну если селектом, то и для него выше отписался. А на счет бутстрапа очень даже зря)

Answer 3

[tyzberd]

добавить свои дата-атрибуты с нужным урл, потом на js их получать и редиректить на страницу.
А вообще лучше взять такой dropdown getbootstrap.com/docs/4.0/components/dropdowns т.к select на мобильном выглядит совсем по другому

Comments

[diana-staputov]

просто у меня будет много менюшек, штук 15, и все с разными ссылками

[tyzberd]

https://codepen.io/scottb/pen/gixIv