var jsonData=; /* jsonData = [ { id: 1, name: "Option 1", code: "c1"}, { id: 2, name: "Option 2", code: "c2" }, { id: 3, name: "Option 3", code: "c3" } ]; */ window.addEventListener('DOMContentLoaded', function () { const el_sb = document.getElementById("id_mo_name"); // JSON 데이터를 기반으로 option 추가 jsonData.forEach(jobj => { const option = document.createElement("option"); option.value = jobj.name; option.textContent = jobj.name; option.setAttribute('data-code',jobj.code); option.setAttribute('data-hp',jobj.etc); el_sb.appendChild(option); }); el_sb.addEventListener('change', function () { let el_mo_code = document.getElementById("id_mo_code"); let el_mo_tel = document.getElementById("id_mo_tel"); let selectedOption = this.options[this.selectedIndex]; el_mo_code.value = selectedOption.getAttribute("data-code"); el_mo_tel.value = selectedOption.getAttribute("data-hp"); }); });