테스트 용으로 단간한 계정정보를 받아와서 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('값');
'Programming > javascript & HTML' 카테고리의 다른 글
json merge (0) | 2018.09.28 |
---|---|
jquery 선택자 (0) | 2018.09.27 |
css 배경 이미지 회전, 크기 등 (0) | 2018.09.27 |
svg.js (0) | 2018.09.21 |
ajax (0) | 2018.09.20 |