Здравствуйте,
Не могу понять, как удалить из середины списка один 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>
<!-- *** -->
Часть кода, так как код достаточно грамоздкий и черновой.
