31 lines
1.0 KiB
JavaScript
31 lines
1.0 KiB
JavaScript
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;
|
|
}); |