[HTML] 동적 셀렉트 박스, 콤보 박스, 드롭 다운 생성

 

 

예시

See the Pen [HTML] Select Box, Combo Box, Drop Down by goodbam (@goodbam) on CodePen.

 

 

 

Option 태그 동적으로

for (i=0; i < Object.keys(res.result).length ; i++){// obj 길이 만큼 반복 

  var optionValue = res.result[i][KeyId]; // 서버에서 전달 받은 value		
  var optionFront = res.result[i][KeyName]; // 사용자에게 보여지는 부분
  var option = '<option value='+optionVlue+'>'+optionFront+'</option>'; // 결합

  $(셀렉트 태그 아이디).append(option); // Select 태그에 옵션 태그 추가
}