如何使用javascript从下拉列表中删除任何多个选定项
使用JavaScript从下拉列表中删除多个选定项的方法如下：
- 首先，获取到下拉列表的引用。可以通过元素的id属性或者其他选择器方法来获取到下拉列表的引用。例如，如果下拉列表的id为"mySelect"，可以使用以下代码获取到该下拉列表的引用：
var select = document.getElementById("mySelect");- 然后，遍历下拉列表的所有选项，检查每个选项是否被选中。可以使用循环结构（如for循环或者forEach方法）来遍历选项。对于每个选项，可以使用selected属性来判断是否被选中。如果选中，则将该选项从下拉列表中删除。
for (var i = select.options.length - 1; i >= 0; i--) {
if (select.options[i].selected) {
select.remove(i);
}
}- 最后，更新下拉列表的显示。删除选项后，可以通过调用下拉列表的selectedIndex属性来更新下拉列表的显示。可以将selectedIndex设置为-1，表示没有选中任何选项。
select.selectedIndex = -1;完整的代码示例如下：
var select = document.getElementById("mySelect");
for (var i = select.options.length - 1; i >= 0; i--) {
if (select.options[i].selected) {
select.remove(i);
}
}
select.selectedIndex = -1;这样，使用JavaScript就可以从下拉列表中删除任意多个选定项了。
推荐的腾讯云相关产品：无
参考链接：
相关·内容
3回答
如何使用javascript从下拉列表中删除任何多个选定项
javascript、html
如何使用javascript从下拉列表中删除任何多个选定项。
浏览 22提问于2019-01-31得票数 0
回答已采纳
3回答
如何从选择列表中删除其大小未声明的项
javascript、html-select
如何从SELECT中删除未声明大小的选定项，即充当下拉列表。使用javascript
浏览 2提问于2009-09-18得票数 0
3回答
具有相同选项的多个下拉列表:如何从其他下拉列表中删除当前选中的下拉列表中的项目？
javascript
我的应用程序有多个<select>下拉列表，显示完全相同的选项列表。一旦我从这些下拉列表中选择了一项，它就应该从其他下拉列表中删除所选的项。我如何使用JavaScript实现这一点？
浏览 1提问于2012-11-02得票数 1
1回答
从select angular 4中删除选项
angular、cordova、ionic-framework
我需要在一个方案和方案是在一个页面上的帮助，我有4个选择输入，每个输入都有自己的来源，如4个副本的项目从主在对象。objQuestList[i]" value="{{items.QuestionId}}">{{items.QuestionText}}</ion-option>因此，我希望从每个下拉列表中删除所有选定的项，但保留选定<
浏览 0提问于2017-08-03得票数 1
2回答
基于第一多选择下拉列表的第二多选择下拉列表更新
javascript、php、html
我使用这段代码使2个下拉列表工作，这样第二个下拉列表就可以根据第一个下拉列表中的选择来填充子类别。它适用于单个选择下拉列表，但我需要能够从第一个下拉列表中选择多个项，并让它显示属于第一个下拉列表中所有选定项的子类别。当前，当在第一个下拉<e
浏览 0提问于2015-02-10得票数 0
回答已采纳
在btn_Click处理程序中，如果我尝试访问ddl.SelectedItem属性(据我所知，由于EnableViewState=False，该属性应该为null，我是否正确？)ddl.SelectedItem.Text; // SelectedItem sometimes null, other times not
这两个页面的dropdown的不同之处在于，在一种情况下，dropdown是使用AjaxToolkit的CascadingDropDown控件填充的(在这种情况下，SelectedItem不是null，尽管EnableVie
浏览 7提问于2010-01-07得票数 0
回答已采纳
5回答
如何从下拉列表中删除选定项(使用Jquery)
jquery
如何从HTML下拉列表中删除option标签中的一个或多个选定项(使用Jquery)。假设下面的HTML代码在aspx文件中。<option va
浏览 1提问于2010-08-05得票数 10
回答已采纳
1回答
带有初始选择的Angularjs UI多重选择
javascript、angularjs、angular-ui、ui-select、angular-ui-select
我正在使用Angularjs选择。我正面临着一个问题。，如在页面上选择的，reload.Selected类别将保存在数据库中，并在页面上重新加载，它们将在客户端可用，但如何将它们显示为选定的，并且它们也不能出现在下拉列表中。编辑一半的问题是通过nicost的建议解决的，它将从数据库获取的选定类别分配给$scope.SelectedCategories，但剩下的问题是这些类别也出现在下拉列表中。ui多
浏览 1提问于2016-04-22得票数 0
回答已采纳
2回答
视图块显示中的ajax
ajax、views、block
为此，我试图创建一个带有两个独立块的视图，一个用于州，另一个用于城市，但我面临一个问题，即选择一个州如何在不重新加载整个页面的情况下显示城市。
你可以通过访问来了解我的问题，请帮助我。
浏览 0提问于2011-01-27得票数 0
2回答
Flex 4从spark DropDownList中删除所选项目
apache-flex、actionscript-3、flex4、flash-builder、mxml
我的涉众请求从应用程序的DropDownList控件中删除当前选定的项。例如，包含item1、item2、item3、item4的下拉列表如果选择了item2，则下拉列表中仅有item1、item3、item4项
如果有任何关于这是否可能以及如何实现它的想法，我们将不胜感激将Flash Builder 4与Flex 4.0 sdk配合使用
浏览 0提问于2011-07-01得票数 2
2回答
如何在数据库中插入引导带下拉值
javascript、php、jquery、mysql、twitter-bootstrap
我正在使用引导来制作用户表单。现在，我需要在数据库中插入选定的下拉值。但我面临两个问题。2)如何针对下拉列表使用php在数据库中插入任何选定</
浏览 4提问于2016-02-15得票数 2
回答已采纳
2回答
获得几个选定的选项javascript
javascript
如果使用JavaScript有多个选定项，如何从下拉列表中获取选定的值？);和但是它只返回第一个选定的值如何获得所有选定的值？
浏览 4提问于2019-12-01得票数 0
回答已采纳
2回答
IE9在selected="“时显示选定的项目
javascript、jquery、html、internet-explorer-9
我有一系列下拉列表，允许用户从相同的可用选项列表中选择多个项目。跌落可以被移除。当发生这种情况时，所选选项将添加到其他列表中，以便可用。我编写了jQuery代码以删除下拉列表
浏览 3提问于2015-06-17得票数 0
回答已采纳
1回答
基于方面的Alfresco多选-禁用删除选项
alfresco、alfresco-share
在Alfresco中，如何在多选下拉菜单中禁用操作。假设我已经删除了几个文件。所以我选择了所有这些文件。现在，如果任何选定的文件具有特定的方面，则不应启用删除选项。我如何才能做到这一点？="onActionDelete" label="menu.selected-items.delete" notAspect="p:hasSecondaryParent" />
浏览 0提问于2016-03-02得票数 2
2回答
Knockout JS:从其他相同的下拉列表中删除选定的值
javascript、drop-down-menu、knockout.js
我正在开发一个问题/答案模型，并且我有多个包含相同数据的下拉列表(如果您愿意，可以使用一组答案)。这里的业务逻辑是，一旦有人选择了一个问题的答案，该答案只能使用一次，而不能用于其他问题。因此，我找到了一种方法，将我所有的下拉列表绑定到一个包含我的答案的observableArray，这样所有的下拉列表都包含相同的选项。我想要做的是订阅一个下拉列表的当前值(从许多下
浏览 0提问于2012-05-15得票数 2
回答已采纳
1回答
MultiSelect下拉菜单中显示的ReactSelect选定值
javascript、css、reactjs、react-select
在MultiSelect中，选择下拉菜单项从菜单中删除并显示在选定列表中时 https://codesandbox.io/s/8qw3p?module=/example.js&file=/example.js 我们是否可以保留下拉菜单中的选定项并显示选定项。 我们可以保持海洋在<
浏览 19提问于2020-04-13得票数 0
1回答
当一项在下拉列表中更改时填充表，剃须刀mvc3
javascript、asp.net-mvc、razor、html-select
当下拉列表中的选定项发生更改时，我希望用数据库的数据填充表。我想使用javascript，但我不知道如何在数据库中搜索选定的项并填充表。
浏览 4提问于2013-10-24得票数 1
回答已采纳
4回答
类似于数据库的网格视图
c#、asp.net、database、gridview
如何在c# asp.net中创建一个类似于mssql数据库的网格视图控件？我的意思是，我有一个下拉列表，其中的项表示数据库中的表名，网格视图是在选定的表名上构建的。因此，基本上，网格视图显示下拉列表中选定的任何表中的数据。我想使用此网格视图编辑、插入或删除数据库中的行。有什么建议吗？
浏览 1提问于2011-05-21得票数 1
回答已采纳
1回答
使用JavaScript/jQuery读取多个选择值
javascript、jquery、html
我理解SELECT multiple将允许查看器在下拉列表中选择多个项，然后表单提交将传递所有选定的项。但是在没有表单提交的情况下，在JavaScript中是如何工作的，并且您只是在观察一个选择的更改：然后查看所选值的$
浏览 1提问于2013-10-12得票数 0
回答已采纳
1回答
如何在同一个视图中放置多个组件/模板，并使用Angular2根据下拉列表项目选择显示哪一个？
asp.net-mvc、angular
我当前的任务是根据选定的下拉列表项使用模板更新其中的一个视图。整个视图只是剑道网格。当您在“选择”上选择“添加新项”或“编辑现有项”时，会出现弹出窗口。该窗口顶部有一个下拉列表，我所需要做的就是根据所选的下拉列表项显示不同的模板(要填充的字段)。
我想用角度2来做这个。我不确定这是否可以通过路由实现，因为我将不需要角在应用程序中的其他视图。所以我想要有多个组件，每个组件都指向不同的
浏览 4提问于2017-11-24得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
