多个选择删除多个选项时出现问题

Question

好吧,Opera代码浏览器似乎存在问题,因为它只删除了在多选标记中选择的最后一个选项标记,有人可以帮助我.

这是以下HTML:

<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>

当然它在一个表单标签中,但是这个表单涉及的代码更多,但这里有相关的信息.

这是应该处理这个问题的JS,但只删除Opera中最后选择的选项,不确定其他浏览器,但它确实需要删除所有选定的选项,而不仅仅是最后选择的选项... argg

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);
    }
}

这有什么问题？我想不出来一点:(

谢谢 :)

Answer 1

用jQuery做这个是最容易的,但是你想用纯Javascript来做到这一点.

您遇到的问题是,当您从Opera的选项列表中删除项目时,它会取消选择所有选定的项目,因此只删除第一个项目.解决方法是首先记住在删除任何项目之前选择了哪些项目.

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);
    }
}

Answer 2

你可以使用jQuery更轻松地做到这一点:

$('#actions_list option:selected').remove()