从列表选项生成文本字段

时间:2019-09-19 13:24:14

标签: javascript html text filter

我正在创建一个小应用程序,以帮助我提高工作效率。我目前有一些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>

这是我链接到的那种页面的示例。

1 个答案:

答案 0 :(得分:1)

新标签页是一个新窗口。您将需要在某个地方存储数据,然后能够从另一页调出数据。

这可能会变得复杂。

Wix,前端很酷,可以免费使用,并允许您在会话中存储变量。您可以使用此功能将数据短期存储在会话中,甚至可以将其粘贴到数据库中以便以后调用。

如果您需要弹出窗口,我建议您使用模式窗口,因为这不会将您带到另一个页面,因此您不必保存和加载数据。

这里有一些资源。让我知道您是否还有其他问题

https://www.wix.com/corvid/reference/wix-storage.html https://www.w3schools.com/w3css/w3css_modal.asp