chao 1 month ago
parent
commit
f8fd84db03
1 changed files with 43 additions and 43 deletions
  1. 43 43
      public/index.html

+ 43 - 43
public/index.html

@@ -461,10 +461,8 @@
 <body>
     <!-- 导航栏 -->
     <nav>
-        <img src="./logo2.png" alt="logo"
-            style="width: 200px;margin-right: 15px;"></img>
-        <img src="./logo1.png" alt="logo"
-            style="width: 200px;margin-right: 15px;"></img>
+        <img src="./logo2.png" alt="logo" style="width: 200px;margin-right: 15px;"></img>
+        <img src="./logo1.png" alt="logo" style="width: 200px;margin-right: 15px;"></img>
         <div class="event-name">第六届广东省青少年创新思维及科技实践大赛(创新思维类选手报名)</div>
 
     </nav>
@@ -511,7 +509,8 @@
                             <div class="file-title">报名表模板</div>
                             <div class="file-desc">完成在线报名后,请先下载该模板,经所在学校盖章确认后,将盖章后的模板上传至【资格确认】板块,即可完成赛前准备。</div>
                         </div>
-                        <a target="_blank" href="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/2573c666-c5d1-e76f-72e2-8e7a056cb6e3/%E6%8A%A5%E5%90%8D%E8%A1%A8.docx"
+                        <a target="_blank"
+                            href="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/2573c666-c5d1-e76f-72e2-8e7a056cb6e3/%E6%8A%A5%E5%90%8D%E8%A1%A8.docx"
                             class="download-btn" download>下载</a>
                     </div>
                     <div class="download-item">
@@ -519,8 +518,7 @@
                         <div class="file-info">
                             <div class="file-title">宣讲视频</div>
                         </div>
-                        <a target="_blank" href="https://meeting.tencent.com/crm/l71mRRMd92"
-                            class="download-btn">观看</a>
+                        <a target="_blank" href="https://meeting.tencent.com/crm/l71mRRMd92" class="download-btn">观看</a>
                     </div>
                 </div>
             </div>
@@ -638,43 +636,9 @@
                             </div>
 
                             <div class="form-row">
-                                <div class="form-col">
+                                <div class="form-col" id="group-containers">
                                     <!-- 组别:只显示一个,根据比赛类型动态显示 -->
-                                    <div class="form-group" id="group-container1" style="display: none;">
-                                        <label class="form-label required" for="group">组别</label>
-                                        <select id="group1" class="form-input" required>
-                                            <option value="">请选择</option>
-                                            <option value="1">小学低龄</option>
-                                            <option value="2">小学高龄</option>
-                                            <option value="3">中学</option>
-                                            <option value="4">高校</option>
-                                        </select>
-                                        <div class="error" id="group-error1">请选择组别</div>
-                                    </div>
-                                    <div class="form-group" id="group-container2" style="display: none;">
-                                        <label class="form-label required" for="group">组别</label>
-                                        <select id="group1" class="form-input" required>
-                                            <option value="">请选择</option>
-                                            <option value="1">小学组(4-6年级)</option>
-                                            <option value="2">初中组(7-9年级)</option>
-                                            <option value="3">高中组(10-12年级,含中职)</option>
-                                            <option value="4">高校组(含高职)</option>
-                                        </select>
-                                        <div class="error" id="group-error1">请选择组别</div>
-                                    </div>
-                                    <script>
-                                        // 根据比赛类型显示对应组别
-                                        function updateGroupSelect(type) {
-                                            if (type == "2") {
-                                                document.getElementById('group-container1').style.display = 'none';
-                                                document.getElementById('group-container2').style.display = 'block';
-                                            } else {
-                                                document.getElementById('group-container1').style.display = 'block';
-                                                document.getElementById('group-container2').style.display = 'none';
-                                            }
-                                        }
-
-                                    </script>
+
                                 </div>
 
                                 <div class="form-col">
@@ -1360,4 +1324,40 @@
     </script>
 </body>
 
+<script>
+    // 根据比赛类型显示对应组别
+    function updateGroupSelect(type) {
+        const groupContainers = document.getElementById('group-containers')
+        console.log(groupContainers)
+        if (type == "1") {
+            groupContainers.innerHTML = `<div class="form-group" id="group-container1">
+                                        <label class="form-label required" for="group">组别</label>
+                                        <select id="group1" class="form-input" required>
+                                            <option value="">请选择</option>
+                                            <option value="1">小学低龄</option>
+                                            <option value="2">小学高龄</option>
+                                            <option value="3">中学</option>
+                                            <option value="4">高校</option>
+                                        </select>
+                                        <div class="error" id="group-error1">请选择组别</div>
+                                    </div>`
+
+        } else {
+            groupContainers.innerHTML = `
+                                    <div class="form-group" id="group-container2" >
+                                        <label class="form-label required" for="group">组别</label>
+                                        <select id="group1" class="form-input" required>
+                                            <option value="">请选择</option>
+                                            <option value="1">小学组(4-6年级)</option>
+                                            <option value="2">初中组(7-9年级)</option>
+                                            <option value="3">高中组(10-12年级,含中职)</option>
+                                            <option value="4">高校组(含高职)</option>
+                                        </select>
+                                        <div class="error" id="group-error1">请选择组别</div>
+                                    </div>`
+        }
+    }
+
+</script>
+
 </html>