使用jquery进行相关选择-当第一个选择发生变化时，如何清除第二个选择？
使用jQuery进行相关选择时，可以通过事件监听和操作DOM来实现当第一个选择发生变化时清除第二个选择的功能。
首先，需要给第一个选择器绑定一个change事件，当选择发生变化时触发该事件。可以使用on()方法来绑定事件，如下所示：
$('#firstSelect').on('change', function() {
// 清除第二个选择
$('#secondSelect').empty();
});在change事件的回调函数中，可以使用empty()方法来清空第二个选择器的内容，即将其所有子元素移除。
其中，#firstSelect和#secondSelect分别是第一个选择器和第二个选择器的选择器表达式，可以根据实际情况进行修改。
这样，当第一个选择发生变化时，第二个选择的内容就会被清空。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
- 产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
我有两个相关的选择-州和学校名称。在我的HTML中，如果我对第二个选择执行此操作： <select name="school" id="school"></select> 当状态改变时，用户仍然必须单击选择来查看学校(即，它不填充第一个元素)。在使用a
浏览 19提问于2019-05-02得票数 0
1回答
我使用联系表格7插件作为我的载体形式。现在，我正在使用java脚本使用隐藏/显示一些字段。示例：为此，我使用了以下JS：
<script type="text&#x
浏览 1提问于2018-02-27得票数 0
1回答
我在第一个下拉框的ko计算上填充了第二个下拉框。我有两个列表，一个用下拉列表中所选项目的所有可用值填充。在右边的列表中，用户可以从左边选择数值，当第一个或第二个下拉列表中的值发生变化时，我需要清除seletedItems数组(从右边的列表中)，现在左边的列表中有新值，我尝试选择右边的值，但每次选择seletedItems数组时都会调用ko计算函数(我在ko计算中用removeAll清除</e
浏览 0提问于2012-06-08得票数 2
我有一个表单，其中包含三个相关的选择(属性为零选择、先选择、二次选择)。当用户从第一个select中选择一个值时，第二个select就会被填充，就像描述的和相应的答案一样。问题是，当表单提交时出现错误或表单提交时，会显示另一个页面，用户单击“后退”按钮，IE不会显示用户为第二个select选择的值(Firefox和Chrome做)。
所有其他属性
浏览 4提问于2013-12-15得票数 0
回答已采纳
目前我使用的是angular 5和模板驱动的表单方法。我在这里创建了示例：
第二个select字段应根据值select from first进行填充。该列表显示很好，但当我更改第二个选择字段的值，并再次更改第一个字段时，第二个字段得到额外的空白字段。我该如何解决这个问题？
浏览 1提问于2018-05-16得票数 0
4回答
使用jQuery，我构建了一个动态表单；当第一个选择输入(命名为category)发生变化时，第二个选择输入(命名为subcategory)会出现在子选择项中。现在一切都很完美。当给定一个特定的url参数时，我想在页面准备好之后自动填写表单。当前，第一个选择输入被填充，第二个选择输入被生成，但没有被填充。因此，实际上，更改命令需
浏览 12提问于2017-06-28得票数 3
回答已采纳
1回答
使用Jquery时，当其中一个触发.change()事件时，它会将一个Ajax POST发送给另一个带有<select>选项的PhP脚本。
这几乎都起作用了。当从第一个选择框中选择一个选项，然后从第二个(新填充的)框中选择另一个选项时，它会发送正确的POST值，一切都很好。但是，当从第一个选择框中选择</em
浏览 1提问于2015-09-10得票数 2
回答已采纳
我的网页上有两个选择框，当从第一个选择框中选择一个状态时，我使用Angular加载第二个状态的选项。当页面第一次加载时，第二个选择框有一个项目Select state...，在第一个项目更改后，我希望它仅更改为Select...。
是否可以通过Angular访问DOM元素来进行此更改，或者我是否必须像本例中那样使用全开j
浏览 0提问于2013-07-18得票数 0
回答已采纳
基于对第一个表的选择，用信息填充第二个表。第二个表必须根据第一个表中的选择更改可见列的数量。但这里有个问题。当视图第一次打开时，我需要根据对第一个表的初始选
浏览 0提问于2011-05-13得票数 1
我正在用php和jquery处理一个动态选择框，我有4个选择框，第一个的内容是在页面加载中加载的。当我在第一个选择框中选择一项时，第二个选择框将从数据库中获取与第一个选择box...and相关的数据，依此类推
但问题是:当选择框只包含一项时，jquery的change()函数不能在$('#MySele
浏览 20提问于2014-01-22得票数 0
2回答
当第一个组合框中的项目被选中时，相关选项将显示在第二个组合框中。combobox1 Combobox2选项最初，我选择了值为当我试图在combobox 1中选择B选项时，它仍然在combobox 2中显示值2。
如何清除组合框2中先前选定的项？有人能建
浏览 0提问于2019-06-03得票数 0
回答已采纳
1回答
(两个选择之间的表没有变化)
、、、、
我希望使用2 select语句从两个表中进行选择。但是，在选择第一个表时，另一个用户可能会更改第二个表。如果BurgerIngredients可能会在汉堡包被检索时</em
浏览 1提问于2013-09-21得票数 1
回答已采纳
在我所遵循的教程中，他们有一段代码可以创建两个选择器： [selectCartItems],);
根据重新选择，如果要从状态计算值，则应该使用，所以第二个选择器对我来说是有
浏览 3提问于2021-08-03得票数 2
当点击站点上的图像链接时，div就会显示出来。div的内容是通过对PHP脚本的jquery.load()调用加载的，该脚本返回返回相应链接的HTML-form。当管理员点击一个图标时，页面顶部会出现一个框，内容是一个HTML表单，管理员可以在其中对网站进行设置。我已经做了两个完美的链接。
但是，现在，我需要创建包含两个选择框的第三个表单。第二个选择框的内容必须依赖于对第一个选择框的选择</e
浏览 0提问于2013-04-13得票数 0
回答已采纳
我正在使用这个插件来设置我的选择框的样式
我的第一个问题是，我有另一段javascript，它使用onchange showDiv(this.value)来显示与所选给定值相关联的隐藏div。我假设是因为这个插件使用jquery重写了选择框选项，而不是使用默认选项值。我如何让它识别这些值并使用onchange，这样我现有的脚本才能再次工作？我的第二个问题是，当刷新
浏览 0提问于2011-09-08得票数 0
我是JQuery和Ajax的初学者，想知道当一个组合框的内容发生变化时，如何在html文件中更新另一个组合框的内容。 result = data; });
我在函数中调用这段ajax代码，该函数使用第一个例如
浏览 2提问于2016-02-26得票数 0
3回答
有3个下拉列表，每个下拉列表都与它自己的链接组相关。当每个dropdown都有自己的SelectedIndexChanged时，它会根据所做的选择进行重定向。但是，假设我在第二个下拉列表中做出了选择。如果我在第一个下拉列表中选择了一个链接，它就会转到正确的链接。然后，如果我在第三个下拉列表中选择一个链接，它将转到我在第一个下拉列表中所做的选择中指定的链接。如何对其
浏览 0提问于2011-08-17得票数 0
回答已采纳
我使用的是Cypress.io测试平台和Chrome浏览器/最新版本。
我有3个选择下拉列表。第一个是默认启用的，所以我可以选择它，没有问题；第二个和第三个是禁用的。当手动选择并且选择了第一个下拉列表时，第二个下拉列表将启用，然后当选择第二个下拉列表时，第三个下拉列表将启用。我可以使用cy.get通过使用</e
浏览 2提问于2019-10-29得票数 1
1回答
А声明具有要选择的分层数据的3个select输入：
<select data-ng-model="current.manufacturer" data-ng-options="c.name for c当我选择第一个输入值时，它使第二个输入值启用；在第二个选择之后，可以选择第三个选项。但是如果我更改第一个选项，第二个输入会重置它的值，但是它不会影响模型值，第三个元素也不会被禁用。可以
浏览 4提问于2013-10-25得票数 1
回答已采纳
我有一个能影响第二个从属下拉列表的下拉列表。当第一个处于无选择状态时，我希望dependant下拉菜单也取消选择任何被选择的内容。因此，我需要以编程方式取消选择第二个下拉列表。我已经将selectedItems数组重置为[]，这将清除下拉列表。但是，以前选择的项目仍然位于栏中，理想情况下应恢复占位符文本。我该怎么做呢？
浏览 22提问于2021-08-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
