时间戳

首页 > 解决方案 > AMP 等效于 onchange 窗口位置 URL

amp-html - AMP 等效于 onchange 窗口位置 URL

问题描述

以下 HTML 代码正确地将用户带到标准 HTML 网页上“option”标签的“value”中指定的 URL：

<form>
<select name="URL" onchange="window.location.href=this.form.URL.options[this.form.URL.selectedIndex].value">
<option value=''>By Price Range ($)</option>
<option value='example.com/mobiles-1-20.php'>1 to 20</option>
<option value='example.com/mobiles-20-30.php'>20 to 30</option>
<option value='example.com/mobiles-30-50.php'>30 to 50</option>
</select>
</form>

但是，上述内容与 AMP 不兼容。

有谁知道上述表单/选项代码的 AMP 等效项是什么？基本上，我正在寻找一个下拉表格。一旦用户从该下拉列表中选择了一个值，他们就会被带到一个 AMP 兼容表单上的特定 URL。

标签： amp-html

解决方案

尝试在 AMP 中的更改事件上使用 navigateTo() 这是相同的示例代码。

<select name="sortBy" id="sortBy" class="optionSelectSort" on="change:AMP.navigateTo(url=event.value)">
                  <option value="/link" disabled selected>Default Sort </option>
                  <option value="/link?sortBy=title-ascending" >Alphabetically, A-Z</option>
                  <option value="/link?sortBy=title-descending" >Alphabetically, Z-A</option>
                  <option value="/link?sortBy=price-ascending" >Price, low to high</option>
                  <option value="/link?sortBy=price-descending" >Price, high to low</option>
                </select>

这是相同navigationTo（）的参考链接，并在此处
查看示例

推荐阅读