微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

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

php中文网
发布： 2016-05-16 17:20:14
原创
1614人浏览过

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

html代码

INFINITE ALBUM
INFINITE ALBUM

面向游戏玩家的生成式AI音乐

INFINITE ALBUM 144
查看详情 INFINITE ALBUM
复制代码 代码如下:





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

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：JavaScript的继承的封装介绍_基础知识 下一篇：JS分页效果示例_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
JavaScript代理模式_拦截器实现 Proxy是ES6提供的代理对象，通过newProxy(target,handler)创建代理，拦截属性访问、赋值、函数调用等操作。例如：get陷阱可记录读取日志或返回默认值；set陷阱可用于数据验证与响应式更新；apply陷阱能监控函数调用参数与结果；has和deleteProperty可控制私有属性安全。实际中可用于实现自动认证请求拦截、AOP切面编程等。需注意仅能代理对象、存在性能开销及兼容性限制。结合Reflect可增强代理完整性。
2025-11-26 15:37:22
644
Highcharts数据表格中“Category”字段的本地化翻译指南 本文旨在解决Highcharts图表通过扩展工具栏“查看数据”功能导出数据表格时，“Category”字段无法自动翻译的问题。我们将详细介绍两种主要解决方案：针对带有坐标轴的图表，通过配置xAxis.title.text实现翻译；针对无坐标轴的图表（如饼图），则利用exporting.csv.columnHeaderFormatter函数进行自定义表头格式化，确保数据表格内容符合本地化要求。
2025-11-26 15:37:02
183
如何更新LocalStorage中JSON对象的特定键值 本文详细介绍了如何在浏览器localStorage中更新存储的JSON对象内特定键的值，而非完全覆盖整个对象。核心方法是先从localStorage中获取并解析目标对象，然后修改其特定属性，最后将更新后的对象重新序列化并存回localStorage。文章提供了两种实现方式，包括直接属性赋值和利用ES6展开运算符的示例代码，并强调了JSON.parse和JSON.stringify的重要性。
2025-11-26 15:36:07
159
掌握JavaScript：高效获取动态表格中下拉选择框的选中值 本教程详细阐述了如何在JavaScript中高效管理和获取动态生成表格内下拉选择框（）的选中值。通过事件委托机制，我们能够优雅地处理行添加、删除以及实时获取或批量收集所有下拉框的当前选中值，避免了直接操作动态元素的复杂性，并揭示了获取选中值的正确方法是利用select元素的value属性。
2025-11-26 15:33:19
570
实现XHR响应分块实时显示：构建类似ChatGPT的流式用户体验 本教程详细讲解如何通过JavaScript的fetchAPI实现XHR响应的分块实时显示，以构建类似ChatGPT的流式用户体验。文章将深入探讨客户端实现的关键技术，并着重指出常见问题——服务器端缓冲——及其解决方案，帮助开发者诊断并优化数据流传输。
2025-11-26 15:31:01
689
JavaScript弱引用_WeakMap与WeakSet使用 WeakMap和WeakSet通过弱引用实现对象的私有数据存储与状态标记，键或值仅限对象且不阻止垃圾回收，适用于缓存、避免内存泄漏等场景。
2025-11-26 15:29:02
682
discord.js v14 教程：控制语音机器人播放音频后自动断开连接 本教程将指导您如何在discord.jsv14中实现语音机器人播放完MP3文件后自动离开语音频道。通过利用@discordjs/voice库中的AudioPlayer状态变化事件，特别是监听idle状态，我们可以确保在音频播放结束时，机器人能够优雅地断开与语音频道的连接，从而优化资源管理并提升用户体验。
2025-11-26 15:28:21
428
JavaScript动画引擎_Canvas性能优化 答案：优化Canvas动画性能需减少重绘区域，采用分层绘制与clearRect局部清除；避免重复设置样式、简化路径并缓存高频内容以优化绘图操作；使用requestAnimationFrame控制帧率，按需更新与限帧；通过对象池、解除引用等方式合理管理内存，降低GC压力，从而提升整体渲染效率。
2025-11-26 15:28:02
777
函数式计算_javascriptServerless 函数式计算结合Serverless架构让JavaScript开发者专注业务逻辑，无需管理服务器。它按需计费、自动伸缩，适用于API接口、定时任务等场景。主流平台如AWSLambda、Vercel、腾讯云SCF和CloudflareWorkers均支持Node.js运行时。通过简单示例可知，一个HTTP触发的函数可快速部署并返回响应。关键在于选择合适平台、明确触发机制并优化冷启动问题，开发高效但需注意细节处理。
2025-11-26 15:25:02
257
使用按钮动态修改HTML元素文本内容的最佳实践 本文旨在探讨并提供一种在HTML页面中通过点击按钮动态修改指定div元素文本内容的最佳实践方法。通过利用HTML5的data-*属性和JavaScript（jQuery）的事件委托机制，我们可以实现一个高度可扩展、易于维护且代码清晰的解决方案，避免了冗余的条件判断和不推荐的内联事件处理，同时为国际化提供了便利。
2025-11-26 15:23:42
728
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部