Как изменять option по клику?

Question

[Артур Левенсон]

Доброго времени суток!
Подскажите пожалуйста, как можно реализовать смену значений option по клику на блоки.

Каждый блок должен иметь свой список

https://codepen.io/kiskiskit/pen/RwWNwKg

Answer 1

[Антон]

Comments

[Артур Левенсон]

спасибо большое. но мне нужно сделать так, чтобы каждый блок имел разные значения option. то есть по клику на блок, должны указываться совсем другие значения

Answer 2

[edward_freedom]

Если без указания дополнительных атрибутов, то вот пример по индексу. Будет браться индекс блока в родителе и выбираться тот же индекс в списке. И закрывай корректно </option>
https://codepen.io/edward_freedom/pen/WNQbNgm

UDP https://codepen.io/edward_freedom/pen/jObEEBP

Comments

[Артур Левенсон]

спасибо большое за замечание. не подскажите, как можно это реализовать в коде?

[edward_freedom]

<codepen src="https://codepen.io/edward_freedom/pen/WNQbNgm"/>

Модератор как вставить блок с codepen, не хочет отображаться

[edward_freedom]

Артур Левенсон, я обновил сообщение, добавил ссылку

[Артур Левенсон]

edward_freedom, спасибо. сейчас посмотрю

[Артур Левенсон]

edward_freedom, дело в том, что мне нужно реализовать совсем другую задачу. Мне нужно сделать так, чтобы по клику на блок выводились совсем другие результаты option. Подскажите, пожалуйста, как можно это сделать

[edward_freedom]

Артур Левенсон, я не очень понял, что значит другие результаты option. Там изначально список есть же

[Артур Левенсон]

edward_freedom, каждый блок должен иметь разный список. я не понимаю, как это можно реализовать

[edward_freedom]

Артур Левенсон, изначально, первый вопрос темы был совершенно другой

[Артур Левенсон]

edward_freedom, неправильно сформулировал свой вопрос, извиняюсь. исправил

[edward_freedom]

Артур Левенсон, добавил ссылку

[Артур Левенсон]

edward_freedom, спасибо большое!

[edward_freedom]

Модератор ?

[Модератор]

[edward_freedom]

Модератор, вчера ошибки не было, просто не отображался блок, а щас вон ошибка

[Модератор]

edward_freedom, передам технарям, проверим.

[Nomad_77]

[Nomad_77]

edward_freedom, ошибки нет, по крайней мере у меня срабатывает

[edward_freedom]

Nomad_77, ваша ссылка вставляется, а попробуйте мою вставить
https://codepen.io/edward_freedom/pen/jObEEBP

[edward_freedom]

[edward_freedom]

Nomad_77, если вставить ссылку https://codepen.io/edward_freedom/pen/jObEEBP
И заменить edward_freedom на edwardfreedom, нижнее подчеркивание убрать, то блок отображается

[Nomad_77]

edward_freedom, хм, тем не менее, вангую, что проблема не на нашей стороне, мы ничего не настраивали, просто добавили поддержку, используя документацию codepen

[edward_freedom]

Nomad_77, полазив по исходному коду в инспекторе, пришел к выводу, что именно тостер не коректно распознает этот тег с нижним подчеркиванием в нике. У вас регулярка не рассчитана на нижнее подчеркивание или еще что то. Так как, если я вручную уберу НП, то в iframe подставляется все правильно с НП

<iframe src="https://codepen.io/edward_freedom/embed/jObEEBP?theme-id=light" class="code-snippet codepen-snippet">snippet</iframe>

Проблема не мирового масштаба, но все же баг