php - ドロップダウン選択に基づいてスパンのコンテンツを変更する方法

Question

次のコードがあります。ユーザーが「別のスポーツを追加」をクリックすると、ユーザーがクリックした回数に応じてkpsport1が2、3、4などに増加することを取得しようとしています。
また、スポーツを選ぶときは、「CHOOSE YOUR SPORT」(formSectionHeader)を選んだスポーツに置き換えてほしい。JS部分に何日も取り組んでいるにもかかわらず、これを機能させるのに大きな問題があります。洞察に感謝します！どうもありがとう！！

<div id="copy">
    <div id="personalInfo">
                <h1>Sporting Experience</h1>

                <form action="" name="signUp-pg1" id="signUp-pg1">

                    <div class="singleSportWrap">
                        <h2 class="formSectionHeader"><strong>CHOOSE YOUR SPORT</strong> <span>you can add another sport later.</span></h2>

                      <div class="singleSport">

                     <div id="KPspecialityPosition" class="formSection">

                         <div id="sportSelectField" class="selectStyled">
                              <select class="longField styled KPsportSelecter" name="KPsport1" id="KPsport1">
                                 <option value="default">Sport</option>
                                 <option value="basketball">Basketball</option>
                                 <option value="soccer">Soccer</option>
                                 <option value="football">Football</option>
                                 <option value="baseball">Baseball</option>
                                 <option value="hockey">Hockey</option>
                             </select>

                             <div class="checkboxInput"><input type="checkbox" name="primarySport" value="primarySport"><span>This my primary sport</span></div>

                         </div><!-- //selectStyled -->


                                             </div><!-- //formSection -->
                 </div><!-- //singleSport -->
                 </div><!-- //singleSportWrap -->


                 <p id="addAnotherSport" class="addMoreBtn">Add Another Sport</p>

                 <div id="formStepControls">
                     <a id="saveForm">Save for Later</a>
                     <a href="sign-up-3.php" id="proceedForm">Proceed to Vouching</a>
                 </div><!-- //formStepControls -->

             </form>


    </div><!-- personal info -->

</div><!-- copy -->