手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript如何从listbox里同时删除多个项目
JavaScript如何从listbox里同时删除多个项目
摘要:要从列表框同时删除多个项目,我们不能从上到下的删除,因为上面的项目每删除一个,下面的项目的索引号就会变化,所以只能从下向上删除,这样就不会出...

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

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

【JavaScript如何从listbox里同时删除多个项目】相关文章:

Javascript动态创建表格及删除行列的方法

JavaScript中for循环的使用详解

JavaScript检测鼠标移动方向的方法

JavaScript中的条件判断语句使用详解

JavaScript实现列表分页功能特效

JavaScript实现的MD5算法完整实例

javascript组合使用构造函数模式和原型模式实例

Javascript中setTimeOut和setInterval的定时器用法

javascript操作ul中li的方法

javascript实现获取服务器时间

精品推荐
分类导航