Amp html amp表单中的选择列表能否触发表单中第二个选择列表的更改？

是否可以有两个选择列表，并使第二个选项取决于第一个选项的值？尝试使用替换功能，该功能允许在字符串内部使用变量，并根据用户操作用相应的实际值替换

---

请参阅以了解更多信息。

尝试使用替换功能，该功能允许在字符串内部使用变量，并根据用户操作用相应的实际值替换

---

请参阅以了解更多信息。

这是可能的。在第一个选择输入上使用on change AMP.setState设置第二个选择输入选项上的[文本]值。以下是一个简化的示例：

  <form method="GET"
  class="p2"
  action="/"
  target="_top">
    <div class="ampstart-input form-elem">
      <label for="sel1" class="form-label">Select1</label>
        <select name="sel1"
          id="sel1"
          on="change:AMP.setState({jsonData: {key : event.value}})">
          <option value="a">example 1</option>
          <option value="b">example 2</option>
          <option value="c">example 3</option>
          <option value="d">example 4</option>
        </select>
      </div>
      <div class="ampstart-input form-elem">
        <label for="sel2" class="form-label">Select2</label>
        <select name="sel2"
          id="sel2">
          <option [text]="jsonData[(jsonData.key + '1')]">a example</option>

        </select>
      </div>
    <amp-state id="jsonData">
      <script type="application/json">
        {"key" : "",
         "a1":"a1 example",
         "a2":"a2 example",
         "b1":"b1 example",
         "b2":"b2 example",
         "c1":"c1 example",
         "c2":"c2 example",
         "d1":"d1 example",
         "d2":"d2 example"}
      </script>
    </amp-state>  
  </form>  

选择1
例1
例2
例3
例4
选择2
一个例子
{“键”：“，
“a1”：“a1示例”，
“a2”：“a2示例”，
“b1”：“b1示例”，
“b2”：“b2示例”，
“c1”：“c1示例”，
“c2”：“c2示例”，
“d1”：“d1示例”，
“d2”：“d2示例”}

---

您必须计算amp状态json的逻辑以满足您的特定需求。

这是可能的。在第一个选择输入上使用on change AMP.setState设置第二个选择输入选项上的[文本]值。以下是一个简化的示例：

  <form method="GET"
  class="p2"
  action="/"
  target="_top">
    <div class="ampstart-input form-elem">
      <label for="sel1" class="form-label">Select1</label>
        <select name="sel1"
          id="sel1"
          on="change:AMP.setState({jsonData: {key : event.value}})">
          <option value="a">example 1</option>
          <option value="b">example 2</option>
          <option value="c">example 3</option>
          <option value="d">example 4</option>
        </select>
      </div>
      <div class="ampstart-input form-elem">
        <label for="sel2" class="form-label">Select2</label>
        <select name="sel2"
          id="sel2">
          <option [text]="jsonData[(jsonData.key + '1')]">a example</option>

        </select>
      </div>
    <amp-state id="jsonData">
      <script type="application/json">
        {"key" : "",
         "a1":"a1 example",
         "a2":"a2 example",
         "b1":"b1 example",
         "b2":"b2 example",
         "c1":"c1 example",
         "c2":"c2 example",
         "d1":"d1 example",
         "d2":"d2 example"}
      </script>
    </amp-state>  
  </form>  

选择1
例1
例2
例3
例4
选择2
一个例子
{“键”：“，
“a1”：“a1示例”，
“a2”：“a2示例”，
“b1”：“b1示例”，
“b2”：“b2示例”，
“c1”：“c1示例”，
“c2”：“c2示例”，
“d1”：“d1示例”，
“d2”：“d2示例”}

您必须计算出amp state json的逻辑，以满足您的特定需求