一 介绍
删除下拉列表中的单个选项可以用select对象的remove()、focus()方法和selectedIndex属性来实现。
1、remove()方法
该方法用于在下拉列表中删除指定的option对象。
myselect.remove(index)
myselect:当前要删除选项的select对象的名称。
index:要删除的option对象的下标。
例如,删除myselect下拉列表中的第2个选项。代码如下:
myselect.remove(1)
2、focus ()方法
该方法将焦点移到当前对象上。
myselect.focus()
3、selectedIndex属性
该属性用于获取select对象中当前被选中的option对象的下标。
n=myselect.selectedIndex
n:存储当前被选中的option对象的下标值。当没有选中option对象时,该属性的值为-1。
二 应用
本应用自动在滚动列表中选中第一个选项,然后单击“删除”按钮将其删除,用户也可以通过鼠标选中指定的选项进行删除。
三 代码
<form name="form1" method="post" action=""> <select style="width:100px " name="select1" size="4" multiple> <option value="1">第一</option> <option value="2">第二</option> <option value="3">第三</option> <option value="4">第四</option> </select> <input type="button" name="Button" value="删除" onclick="selectDelete(document.form1.select1,this)"> </form> <script language="javascript"> <!-- function selectDelete(sname,bname) //该方法用于删除当前被选中的选项 { if (sname.length>0) { if (sname.selectedIndex>=0) sname.remove(sname.selectedIndex); if (sname.length==0) bname.disabled=true; } selectfocus(document.form1.select1); } function selectfocus(sname) //该方法用于选中select对象中的第一个选项 { if (sname.length>0) { sname.focus(); sname.options[0].selected=true; //使滚动列表中的第一个选项为选中状态 } } selectfocus(document.form1.select1) //页面加载后自动调用selectfocus()方法 //--> </script>
四 运行效果
相关推荐
删除下拉选项集合中的所有选项 count() 返回下拉选项集合中的数目 currentText() 返回选中选项的文本 itemText(i) 获取索引为i的item的选项文本 currentIndex() 返回选中项的索引 setItemText(int index,...
选项
类似于qq的登录框历史账号右边的删除按钮,一般用于客户端的登录界面,vs2008编译通过,debug文件夹可查看编译好的exe
Ext的用户扩展控件,支持用户多选,删除,添加下拉列表的选项。非常好用!
在Android里,直接提供的Spinner控件虽然可以实现下拉菜单的效果,但其效果并不理想,很多时候我们需要类似手机QQ那样既可以在文本框中直接输入编辑文字,可以在下拉菜单中选中或者删除菜单选项,并且下拉菜单并不是...
解决QComboBox下拉存在空白项的问题
QComboBox多选下拉框,可点击删除
本例子主要是自定义一个下拉列表框,演示Spinner的用法,在Android中创建一个DropDownView,动态添加列表框的值,示例运行后,用户即进入添加模式,添加后列表框中会一项内容,依次类推,单击下拉框会看到所添加的值...
Axure实现下拉框选项多选并将选中内容展示在文本框中,且可通过删除文本框的内容来取消对应的选项选中样式,具体的实现步骤可参考https://blog.csdn.net/super_DuoLa/article/details/123971433
本文以包含两个列表框的对话框为例,实现了对话框常用的功能。左边的“待选的历史人物”列表框包含历史人物的名字,当选中人名并单击“添加”按钮,则名字会被添加...且列表框中的选项可以实现多选和多个选项同时操作。
下拉框添加删除按钮,虽然比不上qq下拉列表。但是也值得借鉴
Web输入框自动提示,可多选,每个选项可单独删除. 框内显示的是Text的值,表单提交可以得到value值.类似select控件
从select选项中 删除一个Item 删除select中选中的项 修改select选项中 value=”paraValue”的text为”paraText” 设置select中text=”paraText”的第一个Item为选中 设置select中value=”paraValue”的Item为...
3、单击其他选项标签切换到其他选项,在该选项中可通过删除不用的WIN组件、反安装无用的软件或清除最近一个还原点以外的所有还原点等操作来释放磁盘空间。单击确定--是--执行磁盘清理操作。 4、用同种方法对其他...
标签中删除未使用的选项来简化 Omeka 的高级搜索。 简洁搜索插件从高级搜索页面中删除未使用的元素名称和项目类型。 因此,如果您的 Omeka 安装只有静止图像和文档,项目类型下拉列表将不会列出移动图像、网站或任何...
项目要实现这样的一个功能(如下图所示):选择左边下拉列表框中的选项,点击添加按钮,把选择的选项移动到右边的下拉列表框中,同样的选择右边的选项,点击删除按钮,即把选择的选项移动到左边的下拉列表框中.相信用js很多...
弹出"水印"对话 实训项目二 Word 综合应用示例 1 实训项目二 Word 综合应用示例 框,从而选中文字水印按钮,在文字下拉列表中选择部门绝密选项,在字体下拉列表中 ,选 择黑体,字号和颜色自行设置即可,其他选项...
如果您创建一个新的选项卡组,它将在此下拉列表中可用。 检查图标- 将当前选定的选项卡组加载到当前窗口中。 如果选项卡组中的选项卡仍然在另一个窗口中打开,它们只是被移动以保持选项卡的状态。 否则它会从头开始...
在匹配的选项中选择最合适的一项(通常为第一项),与用户输入做对比,将用户未完成输入的字符补全到文本框中去, 并将补全部分字符设置为选中状态;(为什么要处于选中状态,假如补全文字不是用户所需要的,用户...
在弹由的段落对话框中,在 "缩进和 间距"选项卡中的"缩进"组中有一个"特殊格式"参数,默认情况下此参数的值为"无 单击下拉列表,从下拉列表中选择"首行缩进选择了"首行缩进"后,在"磅值"处 设 置缩进的字符数,把...