Я создаю небольшое приложение, которое поможет мне быть более продуктивным на работе.В настоящее время у меня есть некоторый html / js-код, где у меня есть ul с поисковым фильтром, и когда я щелкаю опцию, он создает новую вкладку со связанным текстом.
Оптимально, я хотел бы, чтобы конечный результат былодно всплывающее текстовое поле, созданное из нескольких вариантов в списке.
Пример.
Вариант списка 1 - ненормальные условия
Вариант списка 2 - загрязнение воды
Вариант списка 3 - внимательно следить
Каждый из этих параметров списка будет иметь около абзаца текста, связанного сих.Когда я нажимаю на несколько вариантов, это создает всплывающее текстовое поле, содержащее эти три абзаца, добавленные вместе по порядку.
Не могли бы вы, ребята, дать мне несколько советов о том, как я могу это сделать?
<li><a href="#" target="_blank">Abnormal conditions</a></li>
<li><a href="#" target="_blank">Water contamination</a></li>
<li><a href="#" target="_blank">Monitor closely</a></li>
Как видите, в данный момент открывается только новая вкладка.Я хотел бы изменить код, чтобы он взял абзац, связанный с каждым параметром, и добавил их все вместе в одном всплывающем окне.
<!DOCTYPE html> <html> <head> <title>Water Contamination</title> </head> <body> <p><br>Some text.<br></p> </body> </html>
Вот пример страницы, на которую я ссылаюськ.