Alex

Готового плагина не подскажу, но я считаю что он вам и не нужен

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

Если у вас вариантов выбора не много, то вам достаточно вывести просто группу чекбоксов. Если много — тогда используйте <select multiple>...</select> и позвольте системе самостоятельно отобразить UI для пользователя. Например на мобильных это будет поп-ап со списком из чекбоксов и кнопкой "Подтвердить".

Если использование встроенных компонентов для вас по каким-то причинам не возможно — тогда используйте список чекбоксов завернутый в <details> чтобы скрывать их.

Или, на самый крайний случай, самое, как по мне, костыльное решение — компонент dropdown + список чекбоксов в нем.

https://www.gun.io/blog/pass-arguments-to-embedded...

Первая ссылка при поиске

rel = ”noopener” — это атрибут HTML, который добавляется ко всем ссылкам WordPress, выбранным для открытия на новой вкладке браузера. Он также сопровождается атрибутом rel = ”noreferrer”. Эта функция введена в WordPress для устранения уязвимости безопасности, которая может быть использована вредоносными веб-сайтами.

Есть некоторые функции JavaScript, которые позволяют новой вкладке получить контроль над ссылающимся окном. Если вы ссылаетесь на внешний веб-сайт, на котором распространяется вредоносный код, этот веб-сайт может использовать свойство JavaScript window.opener, чтобы изменить исходную страницу (ваш веб-сайт) для кражи информации и распространения вредоносного кода.

rel = ”noreferrer” не влияет на партнерские ссылки в WordPress. Некоторые пользователи все же считают, что влияет, потому что rel = ”noreferrer” не позволяет передавать информацию о реферере на новую вкладку.

Во-первых, большинство партнерских программ предоставляют вам уникальный URL-адрес с вашим партнерским ID. Это означает, что ваш идентификатор партнера передается в качестве параметра URL для отслеживания другим веб-сайтом.

Во-вторых, большинство аффилированных маркетологов используют плагин маскировки ссылок для своих партнерских ссылок. Например, Pretty Link Lite.

При закрытии ссылки партнерская ссылка, по которой переходят ваши пользователи, фактически является собственным URL вашего сайта, который затем перенаправляет пользователей на целевой URL.

Потому что форма отправляется на текущую страницу. Да ещё и ничего не отправляет.
Мой вам совет:
Выбросьте ваш JS. Сделайте то что вы хотите исключительно средствами html. И уже мотом, если очень нужно, можно добавить немножно CSS

https://qna.habr.com/answer?answer_id=1546203#answ...

С документации

https://stackoverflow.com/questions/228835/best-pr...

Не уверен что тут нужен Wordpress. Опишу без него.

Вам понадобится какое-то централизованное хранилище состояния. Это может быть как простой JSON файл на сервере так и БД с API для доступа на клиенте. Или можно хранить эти данные в конфиге и передавать в итоговый скрипт на этапе сборки.

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

Далее подумайте над тем, кто будет управлять приложением. И в каком виде вы хотите это делать. Нужен графический интерфейс? Или можно обойтись изменением одного файла в редакторе? Хотите ли вы вести учет версий своего конфига?

Теперь, у вас есть хранилище, которое работате так, как удобно клиенту, и список критериев которым должен соответствовать интерфейс управления. Остаётся только реализовать его.

Это оформление элемента в фокусе. Никогда не убирайте его! Если очень нужно, вы можете изменить его. Но стилизация для :focus должна быть.

Google, Facebook, YouTube, Yahoo!, Amazon, Wikipedia, Twitter, Bing, eBay, MSN, Microsoft, LinkedIn, Pinterest, Ask, WordPress, Яндекс и многие другие.

Тег <select> позволяет создать элемент интерфейса в виде раскрывающегося списка, а также список с одним или множественным выбором

Тег <datalist> Создает список вариантов, которые можно выбирать при наборе в текстовом поле.

Другими словами <select> — это элемент интерфейса который использует набор данных.
А <datalist> только описывает набор данных который может быть использовать в одном или в нескольких других элементах интерфейса