JavaScript + Формы
 

Здравствуйте!

Вопрос достаточно простой, но я с JavaScript не очень дружу, поэтому помогите мне пожалуйста...

У меня есть HTML форма, где есть два элемента Select. Есть кнопки: " > ", " >> ", " < " и " << ". Которые перебрасывают один выбранный элемент между Select-ами ( < и > ) или сразу все ( << и >> ).

Я написал функции, для переброски одного элемента между Select-ами:

function add_item()
		{
			opt = document.getElementById("st_list");
			opt2 = document.getElementById("ed_list");                
			num_s = opt.options.selectedIndex;
			m_id = opt.options[num_s].value;
			if (opt.options.selectedIndex!= -1)
				{
					var len_d = opt2.options.length;
					opt2.options[len_d] = new Option(opt.options[num_s].text, opt.options[num_s].value);
					opt.removeChild(opt.options[num_s]);
				}
		}

	function del_item()
		{
			opt = document.getElementById("ed_list");
			opt2 = document.getElementById("st_list");
			num_s = opt.options.selectedIndex;
			m_id = opt.options[num_s].value;
			if (opt.options.selectedIndex!= -1)
				{
					var len_d = opt2.options.length;
					opt2.options[len_d] = new Option(opt.options[num_s].text, opt.options[num_s].value);
					opt.removeChild(opt.options[num_s]);
				}
		}

Но вот как сделать аналогичные функции, для переброски всех элементов из одного Select в другой - не понимаю :(

Подскажите пожалуйста?

Готово..

function add_all_item()
		{
			opt = document.getElementById("st_list");
			opt2 = document.getElementById("ed_list");                
			var size = opt.options.length;
			for (var i=0; i<size; i++)
				{
					var o = new Option(opt.options[0].text, opt.options[0].value);
					opt2.appendChild(o);
					opt.removeChild(opt.options[0]);
				}
		}