[jQuery] Select 박스 조작하기

이전에 자바스크립트만으로 만들어 본 적이 있는데..
바쁜 와중에도 도전 정신(?)으로 인해
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('' + title + '');
		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 소스입니다.

참고하셔서 개발하실 때 이용해 보세요 ^^