Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/powerbi/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Amp html AMP相当于onchange窗口位置URL_Amp Html - Fatal编程技术网

Amp html AMP相当于onchange窗口位置URL

Amp html AMP相当于onchange窗口位置URL,amp-html,Amp Html,以下HTML代码正确地将用户带到标准HTML网页上“选项”标记的“值”中指定的URL: <form> <select name="URL" onchange="window.location.href=this.form.URL.options[this.form.URL.selectedIndex].value"> <option value=''>By Price Range ($)</option> &

以下HTML代码正确地将用户带到标准HTML网页上“选项”标记的“值”中指定的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>

按价格范围(元)
1至20
20至30
30至50
但是,上述内容与AMP不兼容

是否有人知道上述表格/选项代码的AMP等效值是多少? 基本上,我正在寻找一个下拉表单。一旦用户从该下拉列表中选择了一个值,他们就应该被带到与AMP兼容的表单上的特定URL。

尝试在AMP中使用navigateTo()on change event这里有一个相同的示例代码

<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>

默认排序
按字母顺序,A-Z
按字母顺序,Z-A
价格,从低到高
价格,从高到低
这里是相同的参考链接

并检查示例

Google AMP不支持JavaScript。我认为这是不可能的,因为AMP页面被设计成精简的基本页面。问题是在有限制的地方使用自定义JavaScript。您需要使用。您可以使用AMP事件处理程序(尚未尝试将您的事件映射到AMP事件;将留给您)。或者,您可以使用
amp script
并将事件绑定到目标DOM元素。