小编Jac*_*dal的帖子

有条件地隐藏或显示输入 - AMP

我正在尝试使用 Accelerated Mobile Pages (AMP) 构建表单,我需要根据用户选择隐藏或显示输入。

我有一个<select>用户可以选择国家的地方:

<select name="country" id="country" required>
    <option value="UK">United Kingdom</option>
    <option value="ES">Spain</option>
</select>
Run Code Online (Sandbox Code Playgroud)

如果用户选择英国,我想隐藏此输入:

<input type="text" id="idcard" name="idcard">
<input type="text" id="mobile" name="mobile">
Run Code Online (Sandbox Code Playgroud)

我已经尝试在标签内使用“on”属性<option>

<option value="UK" on="tap:idcard.hide,mobile.hide">United Kingdom</option>
Run Code Online (Sandbox Code Playgroud)

但它不起作用,它只在<select>标签上有效,即使文档说“所有元素”。

我需要使用<select><option>标记,因为有很多国家,而不仅仅是 2 个,否则使用收音机输入“on”属性会起作用。

是否有任何类型的触发器或事件可用于根据用户选择隐藏或显示输入?

希望任何人都可以提供帮助!谢谢!

amp-html

6
推荐指数
1
解决办法
6660
查看次数

标签 统计

amp-html ×1