jquery의 before()와 after()를 이용해서
multiple selectbox에서 순서이동을 한다.
function selectUp(){
$('#orderSelect option:selected').each(function(){
var selectObj = $(this)
if(selectObj.index() == 0 )
return false;
var targetObj = $('#orderSelect option:eq('+(selectObj.index()-1)+')');
targetObj.before(selectObj);
});
}
function selectDown(){
$('#orderSelect option:selected').each(function(){
var selectObj = $(this)
if(selectObj.index() == $('#orderSelect').children().length )
return false;
var targetObj = $('#orderSelect option:eq('+(selectObj.index()+1)+')');
targetObj.after(selectObj);
});
}
before는.. 해당 항목 전에 추가하는거고.. after는 해당항목 후에 추가하는걸로 알고 있었는데..
왜 -_-;..... remove되고 append가 되는거지..........흠;;
'FrameWork > jQuery' 카테고리의 다른 글
폼의 편의성이나 디자인을 강화하는 jQuery 플러그인 (0) | 2012.02.10 |
---|---|
셀렉트리스트박스 jquery 이용 (0) | 2012.02.10 |
Easy Widgets를 이용한 정렬 순서 수정 (0) | 2012.02.09 |
select option Add/Remove (0) | 2012.02.09 |
jQuery Display 메서드 (0) | 2011.09.20 |