Web/Javascript
select box 동적 생성
selfstarter
2019. 12. 31. 18:32
select box 동적 생성
var arr = new Array();
var obj1 = new Object();
obj1.seq = "1";
obj1.name = "사과";
obj1.value = "001";
arr.push(obj1);
var obj2 = new Object();
obj2.seq = "2";
obj2.name = "배";
obj2.value = "002";
arr.push(obj2);
var obj3 = new Object();
obj3.seq = "3";
obj3.name = "포도";
obj3.value = "003";
arr.push(obj3);
var listLength = arr.length;
var option = $("select[name=selectName]").find('option');
var addSeq = null;
for (var i=0; i < listLength; ++i) {
var data = arr[listLength-1-i];
if (data.seq != addSeq) {
var clone = option.clone();
var $clone = $(clone);
$clone.text(data.name);
$clone.val(data.seq);
option.after($clone); // 맨뒤에 넣기
}
}