Google AMP - 根据下拉列表选择显示隐藏字段

时间:2017-08-30 08:14:22

标签: javascript css amp-html

ii知道这可以使用javascript完成,但对于放大器有效的页面,不允许使用JavaScript代码。

所以我想要的是让我们说有一个国家/地区下拉菜单,当选择一个国家/地区时,会显示包含所选国家/地区状态的隐藏字段。

问题

  1. AMP页面中不允许使用JavaScript。
  2. 没有javascript我无法发送背景ajax请求以获取所选国家/地区的状态
  3. 即使我们只为一个国家(即美国)做这个并且有一个包含该国家/地区状态的隐藏字段,如果从下拉列表中选择美国,如何在没有javascript的情况下如何使其可见?纯粹的css明智我认为不可能做到这一点?

    AMP仅支持以下事件:

    • 提交
    • 提交-成功
    • 提交错误

    对此有任何帮助表示赞赏

1 个答案:

答案 0 :(得分:0)

您将在下拉菜单中使用on =“ changed:”事件触发AMP状态更改。状态可以是变量,它会触发另一个AMP状态的[src]="dynamic url",该状态为您获取状态数据并将其推入隐藏字段,再次使用AMP状态,并将隐藏的输入字段与{{1 }}

从开发,维护和功能的角度出发,强烈建议不要使用AMP。对于任何一家公司而言,要采用它都是太幼稚了。而是要花时间遍历代码,并尽可能多地重用/简化/加速。有很多人只是从themeforest下载引导程序模板,并不认为其中90%的功能将永远不会使用。

保持很小的占用空间,使用pagespeed / pingdom工具进行测试。使用延迟加载等。根据需要调整服务器/缓存。 AMP的需求为零,也不会被用作标准。

这只是一个cr脚的小主意,导致公司采用它,因为“我们将在google上排名更高”,经过一个月的发展,找到了最基本的伪造功能,以至于您的公司(已经认为您是魔术师,而不仅仅是程序员)想知道为什么每当有人提交简单的伪造表格时,您就无法实现跳舞熊猫的营销目标