var jsonData=[{name:"권주희",code:"10-00053713",etc:"010-8955-8131"},{name:"김미현",code:"10-00054408",etc:"010-4498-6884"},{name:"이승엽",code:"10-00049432",etc:"010-8258-3842"},{name:"이정현",code:"10-00051353",etc:"010-2362-1231"},{name:"이홍제",code:"10-00043751",etc:"010-4950-2603"},{name:"임정환",code:"K9981",etc:"010-3200-1620"},{name:"임주영",code:"10-00009982",etc:"010-3292-0624"},{name:"최승연",code:"10-00051107",etc:"010-8411-7411"},{name:"최지원",code:"10-00022687",etc:"010-7453-3233"},{name:"최치원",code:"10-00049452",etc:"010-5915-0013"}];
/*
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");

	});

});