我正在开发我的第一个 AMP 网站,想知道是否可以显示/隐藏多个 div:根据用户选择进行更改,就像这样。
<div class="ampstart-input" id="index">
<select name="product_type" id="product_type" required>
<option value="type_one">Type one</option>
<option value="type_two">Type two</option>
<option value="type_three">Type three</option>
<option value="type_four">Type four</option>
</select>
</div>
<div class="loan" id="type_one" hidden">Content for product one</div>
<div class="loan" id="type_two" hidden">Content for product two</div>
<div class="loan" id="type_three" hidden">Content for product three</div>
<div class="loan" id="type_four" hidden">Content for product four</div>
Run Code Online (Sandbox Code Playgroud)
当用户更改选择字段时,我希望能够显示所选产品并隐藏其他产品(并可能隐藏原始选择 #index)。这在 JavaScript 中很熟悉也很简单,但我在 AMP 中找不到任何方法来实现它。任何帮助将不胜感激。谢谢你。