selfstarter

select box 동적 생성 본문

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

'Web > Javascript' 카테고리의 다른 글

javascript escape  (0) 2020.05.28
Jquery input 비었는지 체크  (0) 2020.01.06
javascript list 예제  (0) 2019.10.29
JS Input에 숫자만 입력받기  (0) 2019.10.26
dataTable 원하는 행의 data 가져오기  (0) 2019.10.17
Comments