要从列表框同时删除多个项目只能从下向上删除，这样就不会出现索引号乱变的问题了，下面有个不错的示例，大家可以感受下
要从列表框同时删除多个项目，我们不能从上到下的删除，因为上面的项目每删除一个，下面的项目的索引号就会变化，所以只能从下向上删除，这样就不会出现索引号乱变的问题了。
html代码
复制代码 代码如下:
<table>
<tr>
<td>
<select size="10" multiple>
<option value="1">India</option>
<option value="2">United States</option>
<option value="3">China</option>
<option value="4">Italy</option>
<option value="5">Germany</option>
<option value="6">Canada</option>
<option value="7">France</option>
<option value="8">United Kingdom</option>
</select>
</td>
</tr>
<tr>
<td>
<button>Delete</button>
<button>Reset</button>
</td>
</tr>
</table>
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();
您可能感兴趣的文章: