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);    // 맨뒤에 넣기
    }
    }