JavaScript如何从listbox里同时删除多个项目_javascript技巧

要从列表框同时删除多个项目，我们不能从上到下的删除，因为上面的项目每删除一个，下面的项目的索引号就会变化，所以只能从下向上删除，这样就不会出现索引号乱变的问题了。

html代码

复制代码 代码如下:

India
United States
China
Italy
Germany
Canada
France
United Kingdom

Delete
Reset

javascript代码如下：

复制代码 代码如下:

function listbox_remove(sourceID) {
//get the listbox object from id.
var src = document.getElementById(sourceID);

//iterate through each option of the listbox
for(var count= src.options.length-1; count >= 0; count--) {

//if the option is selected, delete the option
if(src.options[count].selected == true) {

try {
src.remove(count, null);

} catch(error) {

src.remove(count);
}
}
}
}

当然，如果使用jQuery来删除，那就方便了，一句话就搞定了

复制代码 代码如下:

$("#sourceId").find('option:selected').remove();