Merge branch 'k-kobayashi' of https://gitea.it-college.co.jp/2026_09_5H_Spring_KIZAKI/Monegement into n-kawahito

src/main/resources/templates/transaction_update.html

@@ -83,21 +83,36 @@
                             カテゴリ
                         </label>
 
-                        <select id="categoryId"
-                                class="form-select"
-                                th:field="*{categoryId}"
-								required>
+<!--                        <select id="categoryId"-->
+<!--                                class="form-select"-->
+<!--                                th:field="*{categoryId}"-->
+<!--								required>-->
 
-                            <option value="">
-                                選択してください
-                            </option>
+<!--                            <option value="">-->
+<!--                                選択してください-->
+<!--                            </option>-->
 
-                            <option th:each="category : ${categoryFormList}"
-                                    th:value="${category.categoryId}"
-                                    th:text="${category.categoryName}">
-                            </option>
+<!--                            <option th:each="category : ${categoryFormList}"-->
+<!--                                    th:value="${category.categoryId}"-->
+<!--                                    th:text="${category.categoryName}">-->
+<!--                            </option>-->
 
-                        </select>
+<!--                        </select>-->
+						<select id="categoryId" class="form-select" th:field="*{categoryId}" required>
+
+							<option value="">
+								選択してください
+							</option>
+
+							<option class="expenseListClass" th:each="category : ${expenseList}"
+								th:value="${category.categoryId}" th:text="${category.categoryName}">
+							</option>
+
+							<option class="incomeListClass" th:each="category : ${incomeList}"
+								th:value="${category.categoryId}" th:text="${category.categoryName}">
+							</option>
+
+						</select>
 
                     </div>
 
@@ -141,6 +156,60 @@
     <div th:replace="~{footer :: footer}">
     </div>
 
+	<script inline="javascript">
+		const transactionType = document.getElementById("transactionType");
+		const categoryId = document.getElementById("categoryId");
+
+		const expenseList = document.getElementsByClassName("expenseListClass");
+		const incomeList = document.getElementsByClassName("incomeListClass");
+
+		const tType = '[[${session.tType}]]';
+		
+		if (tType == "0") {
+			transactionType.value = 0;
+		} else if (tType == "1") {
+			transactionType.value = 1;
+		}
+		
+		
+		transactionType.addEventListener("change", function () {
+
+			if (this.value === "0") {
+
+				for (let i = 0; i < expenseList.length; i++) {
+					expenseList[i].style.display = "";
+				}
+
+				for (let i = 0; i < incomeList.length; i++) {
+					incomeList[i].style.display = "none";
+				}
+
+			} else if (this.value === "1") {
+
+				for (let i = 0; i < expenseList.length; i++) {
+					expenseList[i].style.display = "none";
+				}
+
+				for (let i = 0; i < incomeList.length; i++) {
+					incomeList[i].style.display = "";
+				}
+
+			} else {
+
+				for (let i = 0; i < expenseList.length; i++) {
+					expenseList[i].style.display = "none";
+				}
+
+				for (let i = 0; i < incomeList.length; i++) {
+					incomeList[i].style.display = "none";
+				}
+			}
+
+			categoryId.value = "";
+		});
+	</script>
+
+	
 </body>
 
 </html>