在Javascript删除列表项中的下拉项怎么弄

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


　　如下面的例子：


　　HTML代码：


　　<table>


　　<tr>


　　<td align="center">


　　<select id="lsbox" name="lsbox" 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 align="center">


　　<button onclick="listbox_remove('lsbox');">Delete</button>


　　<button onclick="window.location.reload();">Reset</button>


　　</td>


　　</tr>


　　</table>


　　javascript代码如下：


　　function listbox_remove(sourceID) {


　　//根据ID，找到下拉列表


　　var src = document.getElementById(sourceID);


　　//循环遍历下拉列表的元素


　　for(var count= src.options.length-1; count >= 0; count--) {


　　//判断下拉列表的元素是否被选中，如果选中了，就删除


　　if(src.options[count].selected == true) {


　　try {


　　src.remove(count, null);


　　} catch(error) {


　　src.remove(count);


　　}


　　}


　　}


　　}


　　如果是使用jquery那么就更简单了：


　　Jquery代码：


　　function listbox_remove(sourceID) {


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

　　}

（转自 www.gztarena.com）