Forms >>> Selection Order.


		<script 
		language="javascript"
		type="text/javascript">

		/* Visit http://www.yaldex.com/ 
		for full source code

		and get more free JavaScript, CSS and DHTML scripts! */

		<!-- Begin

		function 
		move(index,to)
		{

		var 
		list =
		document.form.list;

		var 
		total = 
		list.options.length-1;

		if
		(index
		==
		-1)
		return
		false;

		if
		(to
		==
		+1
		&&
		index
		== 
		total)
		return
		false;

		if
		(to
		==
		-1
		&&
		index
		==
		0)
		return
		false;

		var 
		items =
		new
		Array;

		var 
		values =
		new
		Array;

		for
		(i
		= 
		total; 
		i >=
		0; 
		i--)
		{

		items[i]
		= 
		list.options[i].text;

		values[i]
		= 
		list.options[i].value;

		}

		for
		(i
		= 
		total; 
		i >=
		0; 
		i--)
		{

		if
		(index
		== 
		i)
		{

		list.options[i
		+ 
		to]
		=
		new
		Option(items[i],values[i
		+ 
		to],
		0,
		1);

		list.options[i]
		=
		new
		Option(items[i
		+ 
		to], 
		values[i]);

		i--;

		}

		else
		{

		list.options[i]
		=
		new
		Option(items[i], 
		values[i]);

		   
		}

		}

		list.focus();

		}

		function 
		submitForm()
		{

		var 
		list =
		document.form.list;

		var 
		theList =
		"?";

		// start with a "?" to make it 
		look like a real query-string

		for
		(i
		=
		0; 
		i <= 
		list.options.length-1; 
		i++)
		{

		theList 
		+=
		"list"
		+ 
		list.options[i].value
		+
		"="
		+ 
		list.options[i].text;

		// a "&" only BETWEEN the items, 
		so not at the end

		if
		(i
		!= 
		list.options.length-1) 
		theList +=
		"&";

		}

		location.href
		=
		document.form.action
		+ 
		theList;

		}

		//  End -->

		</script>

		<form
		method="GET"
		action=""
		name="form">

		<table>

		<tr>

		<td 
		align="middle">

		<select
		name="list"
		size="4">

		<option 
		value="1">item-A</option>

		<option 
		value="2">item-B</option>

		<option 
		value="3">item-C</option>

		<option 
		value="4">item-D</option>

		</select><br><br>

		<input
		type="button"
		value="submit"
		onClick="submitForm()">

		</td>

		<td 
		valign="top">

		<input
		type="button"
		value="?"

		onClick="move(this.form.list.selectedIndex,-1)"><br><br>

		<input
		type="button"
		value="?"

		onClick="move(this.form.list.selectedIndex,+1)">

		</td>

		</tr>

		</table>

		</form>