AMP: выберите опцию и измените опцию в другом элементе - PullRequest
Новая
       29

AMP: выберите опцию и измените опцию в другом элементе

0 голосов
/ 09 апреля 2019

Это написано с AMP HTML.

Есть два списка со всеми состояниями, а затем некоторые дополнения.Эти списки более 50 вариантов.

Существует один список для платежной информации и один список для состояния назначения.

Когда человек выбирает состояние в списке оплаты, я бы хотел, чтобы список назначения изменился на это состояние.Пользователь может изменить список состояний доставки.

Вот пример кода с несколькими опциями, но не со всеми.Я думаю, что я захватил выбранное «Состояние выставления счета» как «состояние счета», но не знаю, как сделать его выбранным в «Состоянии назначения».

В документации AMP я не вижу ничего, что я могуbind like [selected] = "selectedbillstate".И как тогда код найдет правильное состояние, чтобы изменить его на «выбранный»?И как бы я обозначил, чтобы указать, какое состояние назначения выбрать. 

<label for "state">Billing State</label>
<select name="state" id="state" required on="input-debounced:AMP.setState({billstate: event.value })">
    <option value="" disabled selected>Select the State</option>
    <option value="APO-AP">APO</option>
    <option value="FPO">FPO</option>
    <option value="AK">Alaska</option>
    <option value="AL">Alabama</option>
</select>

<label for "sstate">Destination State</label>
<select name="sstate" id="sstate" required >
    <option value="" disabled selected>Select the State</option>
    <option value="APO-AP" >APO</option>
    <option value="FPO">FPO</option>
    <option value="AK">Alaska</option>
    <option value="AL">Alabama</option>
</select>

Ответы [ 2 ]

0 голосов
/ 13 апреля 2019

Спасибо. Я нашел другой способ. AMP люди сказали, что есть [выбранный] вар. Это платежный выбор: 

<select name="state" id="state" required="" on="input-debounced:AMP.setState({billstate: event.value })">

Это вариант доставки. Sstate == null предотвращает изменение варианта доставки, если клиент меняет состояние выставления счета. 

<select name="country" id="country" required="" on="input-debounced:AMP.setState({billcountry: event.value })">
<option value="APO-AP" [selected]="billstate==\'APO-AP\' && sstate==null" >APO</option>
0 голосов
/ 12 апреля 2019 
<option value="APO-AP" on="tab:AMP.setState({sstatelist: true })"> APO</option>
...
<select name="sstate" id="sstate" required [disabled]="sstatelist ? true : false">

По сути, вы создаете переменную "sstatelist", которая по умолчанию имеет значение false.Когда выбран

, для отключенного состояния устанавливается значение false, следовательно, элемент
...