JavaScript实现动态删除列表框值的方法


Posted in Javascript onAugust 12, 2015

本文实例讲述了JavaScript实现动态删除列表框值的方法。分享给大家供大家参考。具体如下:

使用JavaScript 动态删除列表框中的值,实际运用中可能效果会比较复杂,这只是一个基本功能单元,很多都是在此基础上扩展而来,运行代码点击“删除”,会将列表框中的值一一删除,只保留一项数据。

运行效果截图如下:

JavaScript实现动态删除列表框值的方法

具体代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>删除选项</title>
<style>
<!--
form{padding:0px; margin:0px; font:14px Arial;}
p{margin:0px; padding:3px;}
input{margin:0px; border:1px solid #000000;}
-->
</style>
<script language="javascript">
function RemoveOption(Box,iNum){
 var oForm = document.forms["myForm1"];
 var oBox = oForm.elements[Box];
 oBox.options[iNum] = null; 
}
</script>
</head>
<body>
<form method="post" name="myForm1">
球类:
<p>
<select id="ball" name="ball" multiple="multiple">
 <option value="Football">足球</option>
 <option value="Basketball">篮球</option>
 <option value="Volleyball">排球</option>
</select>
</p>
<input type="button" value="删除" onclick="RemoveOption('ball',1);" />
</form>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
setInterval 和 setTimeout会产生内存溢出
Feb 15 Javascript
超链接的禁用属性Disabled使用示例
Jul 31 Javascript
JS实现的数组全排列输出算法
Mar 19 Javascript
JavaScript简单判断复选框是否选中及取出值的方法
Aug 13 Javascript
JavaScript-html标题滚动效果的简单实现
Sep 08 Javascript
10道典型的JavaScript面试题
Mar 22 Javascript
详解Vue.use自定义自己的全局组件
Jun 14 Javascript
Node.js+jade抓取博客所有文章生成静态html文件的实例
Sep 19 Javascript
JavaScript 日期时间选择器一些小结
Apr 02 Javascript
bootstrap 路径导航 分页 进度条的实例代码
Aug 06 Javascript
vue实现的双向数据绑定操作示例
Dec 04 Javascript
vue.js 实现a标签href里添加参数
Nov 12 Javascript
jQuery实现文件上传进度条特效
Aug 12 #Javascript
XML文件转化成NSData对象的方法
Aug 12 #Javascript
javascript实现点击单选按钮链接转向对应网址的方法
Aug 12 #Javascript
jQuery实现动态添加和删除一个div
Aug 12 #Javascript
JavaScript多线程详解
Aug 12 #Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
Aug 12 #Javascript
JavaScript实现同一页面内两个表单互相传值的方法
Aug 12 #Javascript
You might like
星际玩家的三大定律
2020/03/04 星际争霸
Symfony的安装和配置方法
2016/03/17 PHP
PHP类型约束用法示例
2016/09/28 PHP
围观tangram js库
2010/12/28 Javascript
JS 控件事件小结
2012/10/31 Javascript
jquery查找tr td 示例模拟
2014/05/08 Javascript
jquery修改网页背景颜色通过css方法实现
2014/06/06 Javascript
jQuery 如何给Carousel插件添加新的功能
2016/04/18 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
2017/01/19 Javascript
vue2.0 axios前后端数据处理实例代码
2017/06/30 Javascript
webpack实现热加载自动刷新的方法
2017/07/30 Javascript
jquery实现回车键触发事件(实例讲解)
2017/11/21 jQuery
jQuery实现简单复制json对象和json对象集合操作示例
2018/07/09 jQuery
Angular6封装http请求的步骤详解
2018/08/13 Javascript
vue实现自定义H5视频播放器的方法步骤
2019/07/01 Javascript
微信小程序 云开发模糊查询实现解析
2019/09/02 Javascript
原生js实现的金山打字小游戏(实例代码详解)
2020/03/16 Javascript
[58:59]完美世界DOTA2联赛PWL S3 access vs CPG 第一场 12.13
2020/12/16 DOTA
python类和函数中使用静态变量的方法
2015/05/09 Python
Python爬虫爬验证码实现功能详解
2016/04/14 Python
Python Sqlite3以字典形式返回查询结果的实现方法
2016/10/03 Python
Python对CSV、Excel、txt、dat文件的处理
2018/09/18 Python
Python使用字典的嵌套功能详解
2019/02/27 Python
Python一键安装全部依赖包的方法
2019/08/12 Python
利用Python裁切tiff图像且读取tiff,shp文件的实例
2020/03/10 Python
Python3使用tesserocr识别字母数字验证码的实现
2021/01/29 Python
移动端rem布局的两种实现方法
2018/01/03 HTML / CSS
HTML5 用动画的表现形式装载图像
2016/03/08 HTML / CSS
会计专业毕业生推荐信
2013/11/05 职场文书
行政主管岗位职责
2013/11/18 职场文书
主题班会演讲稿
2014/05/22 职场文书
护理专科学生自荐书
2014/07/05 职场文书
优质护理心得体会
2016/01/22 职场文书
初三化学教学反思
2016/02/22 职场文书
python3 hdf5文件 遍历代码
2021/05/19 Python
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
2021/10/05 Javascript