jQuery plugin --- selectbox-utils Demo page

numericOptions

Using date pulldown

	$('#year').numericOptions({from:2007,to:2011});
	$('#month').numericOptions({from:1,to:12,selectedIndex:5,namePadding:2});
	$('#date').numericOptions({valuePadding:2});

class name designation

	$('select.hoge').numericOptions({from:2007,to:2010});

Set not numeric labels

	$('#year2').numericOptions({from:2007,to:2011});
	var letters = ['Jan','Feb','Mar','Apl','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
	$('#month2').numericOptions({from:1,to:12,selectedIndex:5,labels:letters});
	$('#date2').numericOptions();

Set exclude parameter

	var letters2 = ['Jan','Apl','Jun','Jul','Aug','Sep','Nov','Dec'];
	$('#month4').numericOptions({from:1,to:12,selectedIndex:5,labels:letters2,exclude:[2,3,5,10]});

Set startLabel parameter

	var letters = ['Jan','Feb','Mar','Apl','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
	$('#month6').numericOptions({from:1,to:12,labels:letters,startLabel:['select month','']});

datePulldown

You can't select invalid date,like 2008/4/31 and 2007/2/29.

	$('#year1').numericOptions({from:2007,to:2011});
	$('#month1').numericOptions({from:1,to:12});
	$('#date1').numericOptions().datePulldown({year:$('#year1'),month:$('#month1')});

	$('#year3').numericOptions({from:2007,to:2011});
	var letters = ['Jan','Feb','Mar','Apl','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];	
	$('#month3').numericOptions({from:1,to:12,labels:letters});
	$('#date3').numericOptions().datePulldown({year:$('#year3'),month:$('#month3')});



options

Get options

	//All options under #test1
	$('#test1').options().each(
		function(){
			$('#code_006_result').text($('#code_006_result').text()+'/'+$(this).val());
		});

	//Get one option by Index
	$('#code_007_result').text($('#test2').options(0).text());

Set options

	var op = [['dog','1'],['cat','2'],['bird','3']];
	$('#test3').options(op);