반응형
이미 존재하는 데이터에 대해서, selectbox로 표현을 하기 위해선 값을 참조하여 option selected 기능까지 구현을 해주어야 한다.
근데 option value값과 같은 데이터가 남아있다면, 편리하게 구현이 가능한데, 텍스트만 남아있고 원하는 데이터가 없는 경우에는 별도로 처리가 필요하다.
1. value 기반의 option selected
var data = "1234"; $('#select_id').val(data);
2. text 기반의 option selected
var txt = "txtData"; $('#select_id option').filter(function() { return this.text == txt; }.attr('selected', true);
filter 기능은 java8부터 지원하는 lambda식에서도 봤던 기능인데, 비슷한 형태로 사용이 가능한 것 같다.
요즘 프론트쪽 개발 요청이 많이 들어와서 앞으로 자주 사용하게될 기능인듯..
반응형
'개발 > Front-End' 카테고리의 다른 글
[Jquery] Table에서 Thead 고정 시키기 (FloatThead) (0) | 2016.09.08 |
---|---|
[Jquery] modal LayerPopup간 데이터 주고 받기 (0) | 2016.07.01 |
[Javascript] Iframe 투명 처리 (0) | 2016.06.10 |
[Jquery] ajax를 이용한 비동기 통신 시 로딩바 구현 (0) | 2016.06.10 |
[FreeMarker] Number Format에 , 가 붙어서 표시되는 경우 (0) | 2016.06.10 |