JavaScript如何从listbox里同时删除多个项目
来源:互联网 发布:淘宝举报卖家怎么举报 编辑:程序博客网 时间:2024/04/30 19:09
要从列表框同时删除多个项目只能从下向上删除,这样就不会出现索引号乱变的问题了,下面有个不错的示例,大家可以感受下要从列表框同时删除多个项目,我们不能从上到下的删除,因为上面的项目每删除一个,下面的项目的索引号就会变化,所以只能从下向上删除,这样就不会出现索引号乱变的问题了。
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) {
//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) {
// www.jbxue.com
try {
src.remove(count, null);
} catch(error) {
src.remove(count);
}
}
}
}
当然,如果使用jQuery来删除,那就方便了,一句话就搞定了
$("#sourceId").find('option:selected').remove();
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) {
//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) {
// www.jbxue.com
try {
src.remove(count, null);
} catch(error) {
src.remove(count);
}
}
}
}
当然,如果使用jQuery来删除,那就方便了,一句话就搞定了
复制代码代码如下:
$("#sourceId").find('option:selected').remove();
- JavaScript如何从listbox里同时删除多个项目
- 如何删除listBox控件中的多个选项?
- 如何同时管理多个项目
- 如何在同一系统里同时启动多个Tomcat
- 如何在同一系统里同时启动多个Tomcat
- 从列表中删除多个项目
- 关于ListBox一次性删除多个选项
- 同时删除多个文件
- 循环删除LISTBOX的项目
- 如何把一篇博客同时发到多个博客空间里
- 如何把一篇博客同时发到多个博客空间里
- 如何在excel里同时插入多个对象(PDF\WORD\EXCEL\图片等)
- Idea在Mac上如何同时启动多个tomcat运行多个web项目
- ListBox删除多行
- 项目开发经验----如何同时应对多个项目 & embedded tomcat 使用
- 项目开发经验----如何同时应对多个项目 & embedded tomcat 使用
- 打开对话框同时选择多个文件+往ListBox添加项
- 同时管理多个项目的技巧
- 派生类构造函数执行顺序及虚基类的概念
- Linux系统NAT实现机制的升级改进
- 软考-架构师-知识总结 :一、操作系统
- javascript动态的改变IFrame的高度实现自动伸展
- 使用jad进行反编译的方法
- JavaScript如何从listbox里同时删除多个项目
- 写给那些让我糊里糊涂的HTTP、TCP、UDP、Socket
- apk反编译的方法
- 为什么要进行傅立叶变换?傅立叶变换究竟有何意义?如何用Matlab实现快速傅立叶变换
- 安装qt-x11-opensource-src-4.5.3出现Basic XLib functionality test failed! 解决方法
- 1-3 ZigBee协议栈的初步了解
- 判断链表中是否环
- 关于android插件开发
- BT5安装se-toolkit