`
cakin24
  • 浏览: 1383019 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

删除下拉列表中的选项

阅读更多

 

一 介绍
删除下拉列表中的单个选项可以用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>
 
四 运行效果

 
  • 大小: 1.4 KB
1
0
分享到:
评论

相关推荐

    LabVIEW实现下拉列表菜单

    在LabVIEW编程环境中,下拉列表控件(Dropdown Control)是一种常见的用户界面元素,它允许用户从一组预定义的选项中进行选择。本教程将详细讲解如何使用LabVIEW实现下拉列表菜单及其功能。 首先,下拉列表控件在...

    mfc组合框下拉列表项添加删除按钮

    在这个特定的案例中,"mfc组合框下拉列表项添加删除按钮"是一个功能,允许用户在组合框(ComboBox)的下拉列表中看到历史账号,并且提供了删除这些账号的选项,类似QQ登录界面中的功能。这个功能提高了用户体验,让...

    python GUI库图形界面开发之PyQt5下拉列表框控件QComboBox详细使用方法与实例

    删除下拉选项集合中的所有选项 count() 返回下拉选项集合中的数目 currentText() 返回选中选项的文本 itemText(i) 获取索引为i的item的选项文本 currentIndex() 返回选中项的索引 setItemText(int index,...

    asp.net文本框下拉列表批量删除

    在ASP.NET开发中,"asp.net文本框下拉列表批量删除"是一个常见的需求,尤其是在处理大量数据时。这个功能允许用户通过输入关键词进行搜索,并一次性删除满足条件的多项选择。在本场景中,jQuery库被用来增强前端交互...

    TIA博途WINCC中如何自定义登录对话框(下拉列表方式)?.docx

    在TIA博途WINCC中,自定义登录对话框是一个重要的功能,允许用户根据实际需求设计个性化的登录界面。在本教程中,我们将探讨...这样,即使在运行时添加、删除或修改用户,用户仍能在下拉列表中看到最新的可用用户名。

    带有复选框的下拉列表

    在网页设计中,有时我们需要创建一个具有复选框功能的下拉列表,让用户可以多选选项。本示例提供了一种实现这一功能的方法,通过两种技术:使用纯HTML和CSS的DIV控制,以及利用JQUERY库。这两种方法都可以有效地增强...

    labview多列列表中选项的删除添加选择

    选项

    可编辑的下拉列表!!

    3. 动态更新列表:使用JavaScript的DOM操作方法(如`innerHTML`或`appendChild`)来添加、删除或修改下拉列表的选项。 4. 存储和恢复数据:为了保存用户的编辑,可以将列表状态存储在本地存储(localStorage)中,...

    Jquery針對下拉列表操作大全

    ` 删除下拉列表中索引值为0的第一个Option。 5. `$("#select_id option[value='3']").remove();` 通过value属性值删除Option。 6. `$("#select_id option[text='4']").remove();` 通过Option的文本内容删除相应的...

    Labview Xcontrol 实现下拉列表动态添加

    3. **添加/删除函数**:编写两个关键函数,一个是用于添加选项到下拉列表,另一个是用于删除选项。添加函数会接收新选项作为输入,并将其添加到数据结构和下拉列表中。删除函数则根据指定的选项或索引从数据结构和...

    js下拉列表也可以这么使用??有点变态

    在JavaScript的世界里,下拉列表通常指的是HTML中的`&lt;select&gt;`元素,它用于创建一个可以选择选项的菜单。本文将深入探讨如何创新性地使用JavaScript来增强下拉列表的功能,让它变得“有点变态”,同时也会涉及一些...

    excel下拉列表制作图解.docx

    4. **输入或选择下拉列表选项**: 在“源”字段中,你可以直接输入下拉列表的选项,用逗号分隔每个选项,如“选项1, 选项2, 选项3”。或者,如果你已经预先在工作表的其他位置输入了这些选项,你可以选择“来源”...

    JS实现可点击添加删除的下拉列表框多选标签控件源码.zip

    本资源"JS实现可点击添加删除的下拉列表框多选标签控件源码.zip"提供了一个利用JavaScript实现的交互式下拉列表框,其中包含了多选功能以及标签展示的效果。这个控件允许用户不仅可以选择多个选项,还可以通过点击来...

    jquery下拉列表插件简单实现类似google更多下拉列表

    根据需求,你可能还需要提供添加和删除下拉列表选项的功能。使用jQuery的`.append()`和`.remove()`方法可以轻松实现。 7. **交互优化** 为了增强用户体验,可以添加其他交互元素,如高亮当前选中的选项,或者在...

    易语言动画框下拉列表源码

    在易语言中,下拉列表可以通过“组合框”控件来实现,提供多种选项供用户选择。 二、易语言源码解析 1. 创建动画框:在易语言中,创建动画框涉及的关键步骤包括声明控件、设置控件属性、编写动画逻辑。动画逻辑...

    JavaScript动态级联下拉列表框

    要实现级联效果,我们需要获取或创建下拉列表(`&lt;select&gt;`元素),添加或删除选项(`&lt;option&gt;`元素),以及监听用户的选中事件。例如,可以使用`document.getElementById()`或`document.querySelector()`找到目标...

    c#生成EXCEL下拉列表单元格(vs2005版)

    在C#编程环境中,利用Visual Studio 2005(VS2005)开发Excel应用程序时,我们经常需要创建带有下拉列表的Excel单元格。这种功能在数据验证、输入控制以及用户友好的交互中非常有用。在本文中,我们将深入探讨如何...

    jquery自定义下拉列表.zip

    在jQuery中,我们可以轻松地绑定事件,如点击、展开、收起下拉列表,以及动态添加、删除选项。使用`.on()`方法可以监听事件,`.slideToggle()`或`.toggle()`可以实现平滑的展开/收起动画效果。同时,jQuery还提供了...

    树形下拉列表框

    在HTML中,`&lt;select&gt;`元素用于创建一个下拉列表,用户可以从中选择一个或多个选项。然而,HTML本身并不支持树形结构的下拉列表。因此,我们需要借助JavaScript来实现这个功能。JavaScript允许我们动态地添加、删除和...

    下拉列表JS操作

    1. 要删除下拉列表中的所有选项,可以设置`options.length`属性为0: ```javascript selectBox.options.length = 0; ``` 2. 要删除指定索引的选项,使用`options.remove()`方法: ```javascript selectBox.options....

Global site tag (gtag.js) - Google Analytics