AMP-эквивалент URL-адреса местоположения окна изменения - PullRequest
Новая
       21

AMP-эквивалент URL-адреса местоположения окна изменения

0 голосов
/ 04 августа 2020

Следующий код HTML правильно переводит пользователя на URL-адрес, указанный в теге «value» тега «option» на стандартной HTML веб-странице: 

<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 для приведенной выше формы / кода опции? В основном я ищу раскрывающуюся форму. Как только пользователь выберет значение из этого раскрывающегося списка, он будет перенаправлен на этот конкретный URL-адрес в форме, совместимой с AMP.

1 Ответ

1 голос
/ 07 августа 2020

Попробуйте использовать navigateTo () при событии изменения в AMP, вот пример кода для того же. 

<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 () и проверьте пример здесь

...