我想根据用户的输入显示结果而不重新加载页面! (对于HTML中的Wordpress网页设计?)

问题描述 投票:-2回答:1

请理解我在编码时总是一个菜鸟。 我正在我当地童军社区的一个页面上工作,允许访问者输入一个数字(代表他们孩子的年龄。从0到18岁),这必须让一些东西运动,以便他们的孩子所属的部队到,立即显示在页面上(不刷新页面)。 这是我的想法:https://i.stack.imgur.com/IzAM6.jpg (图片中的文字:)从上到下的左侧: - 访客可以点击男孩/女孩 - 输入后直接显示结果。没有刷新 - 向上运动后的内容加载 在右上方从上到下: - 结果保留在页面上,直到重新加载/退格

关于网站:https://www.eos-sthubertus.nl(现在正在维护,所以暂时这个网站取代上述网站:http://eos.zellez.net) 我们是一个当地的童军社区,有一个非常古老的用户界面(2005年的样子)。与其他一些人一起,我们正在使网站现代化并使我们的网站符合GDPR。

html css wordpress input
1个回答
0
投票

我无法向您提供任何具体的代码示例,因为您没有自己添加任何代码来解决问题。这是一个适用于WordPress的通用jQuery AJAX教程,可以让您站起来:

https://premium.wpmudev.org/blog/using-ajax-with-wordpress/

您将能够将javascript事件挂钩到boy / girl按钮以触发事件:

https://api.jquery.com/click/

© www.soinside.com 2019 - 2024. All rights reserved.