Googleフォームにてセグメント分岐しているフォームにajaxでPOSTしたい。

Question

Googleフォームにてセグメント分岐しているフォームに独自のフォームからajaxでpostしたいのですが、
分岐前の項目までしかpostされません。

html

                <form id="application_form" method="POST"  action="https://docs.google.com/forms/u/0/d/e/XXXXXX/formResponse">
                      <div id="second_page">
                          <div class="table-contactform">
                                    <h4>メールアドレス</h4>
                                    <input type="text" name="emailAddress" id="email">
                                  </div>
                                  <div class="table-contactform">
                                    <h4>見出し</h4>
                                    <input type="checkbox" name="entry.XXXXXX" value="A">
                                    A<br>
                                    <input type="checkbox" name="entry.XXXXXX" value="B">
                                    B<br>
                                    <input type="checkbox" name="entry.XXXXXX" value="C">
                                    C<br>
                                  </div>
                                  <div>
                                    <h4>区分</h4>
                                    <select name="entry.XXXXXX" id="select">
                                      <option value="A">A</option>
                                      <option value="B">B</option>
                                      <option value="C">C</option>
                                    </select>
                                  </div>
                                </div>
                                <div id="branch_hall"  class="visible"><!-- 分岐1 -->
                                  <div class="branch_hall_child">
                                    <h3>分岐1の見出し</h3>
                                    <div>
                                      <h4>会社名</h4>
                                      <input type="text" name="entry.XXXXXX" >
                                    </div>
                                    <div>
                                      <h4>お名前</h4>
                                      <input type="text" name="entry.XXXXXX">
                                    </div>
                                    <div>
                                      <h4>見出し</h4>
                                      <div>
                                        <p><input type="checkbox" name="entry.XXXXXX" value="A">A</p>
                                        <p><input type="checkbox" name="entry.XXXXXX" value=B">B</p>
                                        <p><input type="checkbox" name="entry.XXXXXX" value="C">C</p>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div id="branch_other" class="hidden"><!-- 分岐2 -->
                                  <div class="branch_other_child">
                                  <div class="branch_hall_child">
                                    <h3>分岐2の見出し</h3>
                                    <div>
                                      <h4>会社名</h4>
                                      <input type="text" name="entry.XXXXXX" >
                                    </div>
                                    <div>
                                      <h4>お名前</h4>
                                      <input type="text" name="entry.XXXXXX">
                                    </div>
                                    <div>
                                      <h4>見出し</h4>
                                      <div>
                                        <p><input type="checkbox" name="entry.XXXXXX" value="A">A</p>
                                        <p><input type="checkbox" name="entry.XXXXXX" value=B">B</p>
                                        <p><input type="checkbox" name="entry.XXXXXX" value="C">C</p>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="btn-container">
                                    <input type="button" name="btn-submit" class="btn-submit" value="確認へ進む">
                                </div>
                            </form>

js

      <script>
         //選択時の切り替え
         const dropDown = document.getElementById('select')
         const branchHall = document.getElementById('branch_hall')
         const branchOther = document.getElementById('branch_other')
         dropDown.addEventListener('change',()=>{
           if(dropDown.value === 'A'){
             if(branchHall.classList.contains('hidden')){
               branchHall.classList.remove('hidden')
               branchHall.classList.add('visible')
               branchOther.classList.add('hidden')
               branchOther.classList.remove('visible')
             }
           }else{
             if(branchOther.classList.contains('hidden')){
               branchOther.classList.remove('hidden')
               branchOther.classList.add('visible')
               branchHall.classList.add('hidden')
               branchHall.classList.remove('visible')
             }
           } 
         })

         const submitButton = document.querySelector('.btn-submit');
         submitButton.addEventListener('click',()=>{

           const form = document.getElementById('application_form');
           let formData = new FormData(form);
           const api = 'https://docs.google.com/forms/u/0/d/e/XXXXXX/formResponse';

           fetch(api,{
             body: formData,
             method: "POST",
             mode: 'cors',
           })
           .then((response)=>{
             return response.json();
           })
           .then((data)  => {
             console.log(data);
           })
           .catch(error => {
             console.log("失敗しました");
           })
         })
     </script>

googleフォーム内では id="select" 内のドロップダウンで分岐しています。
entry.XXXXX も問題なく取得できていますが、POSTをすると分岐前の項目までしかPOSTできていません。
Googleフォームに分岐がある場合、ajaxでのPOSTはできるのでしょうか…。

Answer 1

もうクローズします。