Question

这是用AMP HTML编写的。

有两个列出了所有状态的列表，还有一些附加列表。这些列表有50多个选择。

有一个用于计费信息的列表和一个用于目的地状态的列表。

当某人在帐单上选择一个州时，我希望目的地列表更改为该州。用户应该可以更改运输状态列表。

以下是示例代码，其中包含一些选项，而不是全部。我想我将选择的“结算状态”捕获为“结算状态”，但不知道如何在“目标状态”中选择它。

在AMP文档中，没有看到我可以绑定的任何内容，例如[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>

Answer 1

<option value="APO-AP" on="tab:AMP.setState({sstatelist: true })"> APO</option>
...
<select name="sstate" id="sstate" required [disabled]="sstatelist ? true : false">

基本上，您正在创建一个变量“ sstatelist”，默认情况下将其设置为false。选择

AMP：在另一个元素中选择选项并更改选项

2 个答案: