앰프 - 폼에서리스트를 선택하면 폼에서 두 번째 선택 목록의 변경을 트리거 할 수 있습니까?

Question

은 가능한 두 선택 목록을 가지고 있으며 두 번째 옵션이 변수는 상응하는 실제 값이 문자열 내에서 사용 및 치환 할 수 amp-list의 대체 기능을 사용하여 상기 제

Answer 1

시도의 값 dependend하는 것이다 사용자 행동에 의존한다.

자세한 내용은 Substitutions Guide을 참조하십시오.

Answer 2

가능합니다. 첫 번째 선택 입력에서 AMP.setState를 변경하여 두 번째 선택 입력의 옵션에서 [텍스트] 값을 설정하십시오. 당신은 특정 요구 사항을 충족시키기 위해 A-상태 JSON의 논리를 해결해야합니다

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

: 여기에 간단한 예이다.