2018년 4월 17일 화요일

[jquery] select2 에서 selected 처리 방법

select2 plugin  에서 selected 처리 방법

<select multiple style="width:100%" class="select2">

위 select tag 내에 option tag와 value, text를 동적으로 추가 후,
원하는 option value를 찾아 selected 상태값을 주기 위한 방법으로써,
아래 와 같은 예제 의 밑줄 script 처럼 처리 할 수 있다.

$.ajax({
url : '',
method : 'POST',
dataType : "json",
data : ,
success : function( response ) {
var objectList = response.object;
if(objectList != null) {
var items=new Array();
$.each(objectList, function( index, value ) {
items.push(objectList[index].id); //==> 다중 선택value를 array 구성
$("select[name=manageItemInfomation] > option[value="+objectList[index].id+"]").attr("selected", "selected");
//==> 다중 선택value에 selected 설정
});
$('select[name=manageItemInfomation]').select2(items);
//==> selected 설정된값을 select2 박스에 표시
}
},
error : function ( xhr, textStatus, error) {
console.log(error);
}
});

댓글 없음:

댓글 쓰기