I got 2 buttons. One is to add an item to the listbox. The other is to delete something out of the listbox. The filling happens with an array. So what I need to know is: how can i delete a selected item out of the listbox?

Thanks Stijn

I got 2 buttons. One is to add an item to the listbox. The other is to delete something out of the listbox. The filling happens with an array. So what I need to know is: how can i delete a selected item out of the listbox?

Thanks Stijn

• php
• javascript

2 Answers 2

<script type='text/javascript'>
function removeItem(selectbox)
{
var i;
for(i=selectbox.options.length-1;i>=0;i--)
{
if(selectbox.options[i].selected)
selectbox.remove(i);
}
}
</script>

<SELECT id="item" NAME="item" MULTIPLE size=6 width=10></SELECT>
<input type=button onClick="removeItem(item)"; value='Remove Selected Item'>

You can delete one by one using this function.

<select id="list">
   <option>A</option>
   <option>B</option>
   <option>C</option>
</select>

<button onclick="remove();">Remove</button>

<script>
function remove () 
{
   var list = document.getElementById('list');
   list[list.selectedIndex].remove();
}
</script>