Как сделать ссылки на основе select option?

Question

[Alexander Lashchevsky]

Здравствуйте!

Используем ограниченную CMS (интернет-магазин), поэтому выкручиваться приходится скриптами. Пока в голову идея не пришла, обращаюсь в к вам за помощью. Если в двух словах, задача у нас стоит такая: имеем выпадающий список с разными значениями, у каждого товара они разные. Необходимо вместо списка сделать кнопки. Объясню на примере. Список:

<select id="select-1">
      <option value="0">ААА</option>
      <option value="1">BBB</option>
      <option value="2">CCC</option> 
      <option value="3">DDD</option>
</select>

Необходимо, видимо, используя jQuery, сделать кнопки по количеству optionов, каждая кнопка является ссылкой на выбор одного из value и содержащая текст как бы соответствующего ей option, т.е. должны получить кнопки типа:

<div id="links">
      <a href="?">AAA</a>
      <a href="?">BBB</a>
      <a href="?">CCC</a>
      <a href="?">DDD</a>
</div>

...где каждая кнопка выбирает один подходящих ей optionов.

Как сделать такие ссылки на основе select на jQuery?

С уважением,
Александр.

Comments

[matperez]

Вам кнопки нужны, чтобы иметь возможность удобно выбирать несколько опций? Посмотрите в сторону плагина Select2 https://select2.github.io/examples.html, обратите внимание на раздел "Tagging support".

Answer 1

[Алексей Сергеев]

В теге select, после id пишите onchange="myFunc()", в скрипте ловите по value.