반응형
이전에 자바스크립트만으로 만들어 본 적이 있는데..
바쁜 와중에도 도전 정신(?)으로 인해
jQuery 버전으로 새로 만들어 봤습니다. ㅎㅎ
먼저 jQuery 소스입니다.
/* Manipulate the Select Box using jQuery * Powered by hyshin (tweet@hyshin, fb.com/hyshin0) */ $(document).ready(function() { $(':button[name=addBtn]').click(function() { var title = $(':text[name=title]').val(); $('select[name=menuIDs]').append(''); return; }); $(':button[name=upBtn]').click(function() { var currMenu = $('select[name=menuIDs]').children(':selected'); var prevMenu = currMenu.prev(); if (typeof prevMenu.val() == "undefined") return; prevMenu.before(currMenu); return; }); $(':button[name=downBtn]').click(function() { var currMenu = $('select[name=menuIDs]').children(':selected'); var nextMenu = currMenu.next(); if (typeof nextMenu.val() == "undefined") return; nextMenu.after(currMenu); return; }); $(':button[name=removeBtn]').click(function() { var currMenu = $('select[name=menuIDs]').children(':selected'); if (typeof currMenu.val() == "undefined") return; currMenu.remove(); return; }); });
여기에 이용된 HTML 소스입니다.
참고하셔서 개발하실 때 이용해 보세요 ^^
반응형