Question

0

Problem with multiple select removing more than 1 option

rated 0 times [ 3] [ 3] / answers: 1 / hits: 17998 / 14 Years ago, sat, june 12, 2010, 12:00:00

There seems to be a problem with the JS Code for Opera browsers, as it only removes the last option tag that is selected within a multiple select tag, can someone please help me.

Here is the HTML for this:

<select id="actions_list" name="layouts" multiple style="height: 128px; width: 300px;">

    <option value="forum">forum</option>

    <option value="collapse">collapse</option>

    <option value="[topic]">[topic]</option>

    <option value="[board]">[board]</option>

</select>

Of course it's within a form tag, but there's a ton more code involved with this form, but here is the relevant info for this.

Here is the JS that should handle this, but only removes the last selected option in Opera, not sure about other browsers, but it really needs to remove all selected options, not just the last selected option...

var action_list = document.getElementById("actions_list");

var i = action_list.options.length;

while(i--)

{

    if (action_list.options[i].selected)

    {

        action_list.remove(i);

    }

}

What is wrong with this? I can't figure it out one bit.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

cierra

Add To Favorites

Follow

Total Points: 504

Total Questions: 108

Total Answers: 109

Location: Northern Mariana Islands

Member since Fri, Jan 15, 2021

3 Years ago

answered 14 Years ago hallie · Accepted Answer

It's easiest to do this with jQuery but it you want to do this using plain Javascript you can.

The problem you are experiencing is that when you remove an item from the options list in Opera it deselects all the selected items, so only the first is removed. A workaround is to first remember which items were selected before removing any.

var action_list = document.getElementById(actions_list);



// Remember selected items.

var is_selected = [];

for (var i = 0; i < action_list.options.length; ++i)

{

    is_selected[i] = action_list.options[i].selected;

}



// Remove selected items.

i = action_list.options.length;

while (i--)

{

    if (is_selected[i])

    {

        action_list.remove(i);

    }

}