const typeSelect = document.querySelector("select[name=type]"); const partSelect = document.querySelector("select[name=part_uid]"); const amountInput = document.querySelector("input[name=amount]"); // type 선택 시 part_uid 옵션 필터링 typeSelect.addEventListener("change", function () { let selectedType = this.value; for (let option of partSelect.options) { if (option.value === "") { option.style.display = ""; // "부품정보 선택"은 항상 표시 continue; } if (!selectedType || option.dataset.type === selectedType) { option.style.display = ""; } else { option.style.display = "none"; } } // 선택 초기화 partSelect.value = ""; amountInput.value = ""; }); // part_uid 선택 시 amount 자동 반영 partSelect.addEventListener("change", function () { let selectedOption = this.options[this.selectedIndex]; let price = selectedOption.getAttribute("data-price") || ""; amountInput.value = price; });