Удаление options
 

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

Не могу понять, как удалить из середины списка один options
Задача состоит в том чтобы из списка выбирать некоторые элементы перемещая их ниже к DOM и тем временем удалять их из списка.

Похожий плагин есть у jquery, но из за громоздкости кода и личных побуждений не хочу связываться


JS

function addselect() {
		if (document.getElementById("project").value	!=	0){

		var getselect 		= document.getElementById('addelement')
		var 	sel 	= document.body.getElementsByTagName('select');
		var list = document.getElementById('addelement')
		var optionss  = document.getElementById("project").options[document.getElementById('project').selectedIndex].text
		var metrovalue = document.getElementById("project").value
		var newDiv = document.createElement('b')
	var seler  = document.getElementById("project").value.length
		/*
		document.getElementById('Bundesland').innerHTML = ''
		*/
		newDiv.innerHTML = '<input id="rem' + metrovalue + '" type="checkbox" value="' + metrovalue + '" checked disabled>'  + seler +  optionss 
		getselect.appendChild(newDiv)
		}
}

html

<!--           ***         -->

<select name="search_metro" id="project">
<option label="По умолчанию" value="0">По умолчанию</option>
<option label="Авиамоторная
" value="133">Авиамоторная
</option>

<option label="Автозаводская
" value="36">Автозаводская
</option>
<option label="Академическая
" value="102">Академическая
</option>
<option label="Александровский сад
" value="74">Александровский сад
</option>
<option label="Алексеевская
" value="92">Алексеевская
</option>
<option label="Алтуфьево
" value="137">Алтуфьево
</option>
<option label="Аннино
" value="160">Аннино
</option>
<option label="Арбатская
" value="50">Арбатская
</option>
<option label="Арбатская
" value="73">Арбатская
</option>
<option label="Аэропорт
" value="28">Аэропорт
</option>

<!--           ***         -->

<option label="Бабушкинская
" value="88">Бабушкинская
</option>
<option label="Багратионовская
" value="65">Багратионовская
</option>
<option label="Баррикадная
" value="119">Баррикадная
</option>
<option label="Бауманская
" value="53">Бауманская
</option>
<option label="Беговая
" value="117">Беговая
</option>
<option label="Белорусская
" value="30">Белорусская
</option>
<option label="Белорусская
" value="75">Белорусская
</option>
<option label="Беляево
" value="106">Беляево
</option>

<option label="Бибирево
" value="138">Бибирево
</option>
<option label="Южная
" value="157">Южная
</option>
<option label="Ясенево
" value="109">Ясенево
</option>
</select>


<div id="part" style="margin:10px 10px ;border:1px solid #ddd; cursor: pointer;" onclick="addselect()"><b>>>></b></div>

<div id="addelement"></div>


<!--           ***         -->

Часть кода, так как код достаточно грамоздкий и черновой.

Как всегда сам разобрался )))

var seler  = document.getElementById("project").options[document.getElementById('project').selectedIndex]
	
	
	document.getElementById("project").removeChild(seler)