테스트 용으로 단간한 계정정보를 받아와서 ID와 PW 그리고 역활에 대해서 출력하고

jquery를 이용하여 table에 값을 추가하고

select-option 에 항목 값을 지정하는 예제


    $.ajax({

        type: "POST",

        url: '/list',

        success: function (data) {

        },

        error: function (data) {

        },

        complete: function (data) {

            var result = JSON.parse(data.responseText);

            for(var idx = 0; idx < result.length; idx++)

            {

                $('#userlist > tbody:last').append('<tr class="unsel"><td><input class="uncheck" name="chk_del", type="checkbox"</td><td><input class="user-editbox" type="text" value="'+ result[idx].user_id + '"></td><td><input class="user-editbox" type="text" value="'+ result[idx].user_pw + '"></td><td><select class="user-role"><option value="admin">admin</option><option value="user">user</option><option value="server">server</option></select></td><td><input class="user-editbox" type="text" value="DESC."></td></tr>');

                switch(result[idx].user_role)

                {

                    case 0: //admin

                        $('.user-role').eq(idx).val('admin');

                        break;

                    case 1: //user

                        $('.user-role').eq(idx).val('user');

                            break;

                    case 2: //server

                        $('.user-role').eq(idx).val('server');

                            break;

                }

            }

        }

    });



찾은 요소 n번째 접근하기 : .eq(index)

[링크 : http://egloos.zum.com/survival/v/464374]


$('#fruits').val('값');

[링크 : https://zetawiki.com/wiki/JQuery_select_값으로_선택]

'Programming > javascript & HTML' 카테고리의 다른 글

json merge  (0) 2018.09.28
jquery 선택자  (0) 2018.09.27
jquery n번째 요소 선택하기, select 선택하기  (0) 2018.09.27
css 배경 이미지 회전, 크기 등  (0) 2018.09.27
svg.js  (0) 2018.09.21
ajax  (0) 2018.09.20
Posted by 구차니

댓글을 달아 주세요