使用jquery进行相关选择-当第一个选择发生变化时，如何清除第二个选择？
使用jQuery进行相关选择时，可以通过事件监听和操作DOM来实现当第一个选择发生变化时清除第二个选择的功能。
首先，需要给第一个选择器绑定一个change事件，当选择发生变化时触发该事件。可以使用on()方法来绑定事件，如下所示：
$('#firstSelect').on('change', function() {
// 清除第二个选择
$('#secondSelect').empty();
});在change事件的回调函数中，可以使用empty()方法来清空第二个选择器的内容，即将其所有子元素移除。
其中，#firstSelect和#secondSelect分别是第一个选择器和第二个选择器的选择器表达式，可以根据实际情况进行修改。
这样，当第一个选择发生变化时，第二个选择的内容就会被清空。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
- 产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
4回答
怎么买云服务器？
云服务器、5折上云
请描述您的问题
标题：腾讯云云产品新购特惠，五折上云！
地址：https://cloud.tencent.com/act/first_purchase?utm_source=portal&utm_medium=cdb&utm_campaign=firstpurchase&utm_term=0110
浏览器信息
Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36
浏览 482提问于2018-03-12
6回答
wordpress支持吗？
5折上云
请描述您的问题
标题：腾讯云云产品新购特惠，五折上云！
地址：https://cloud.tencent.com/act/first_purchase?utm_source=portal&utm_medium=rightbanner&utm_campaign=firstpurchase&utm_term=0109
浏览器信息
Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.221 Safari/537.36 SE 2.X MetaSr
浏览 484提问于2018-02-02
1回答
陷入.change - Select2下拉列表的循环中
javascript、jquery、mysql、jquery-select2
我有两个下拉列表。一份给人，一份给企业。如果您从列表中选择一个人，它将自动查询数据库，然后选择与该人关联的正确的相应业务。如果您选择一个企业，它将自动查询与该公司关联的所有人员的数据库。然后清除当前人员列表并追加相关人员。
这是所有的工作，great...until，我想使用Select2使我的下拉列表易于搜索。现在我陷入了一个无限循环中，因为Select2使用.val().trigger('change')方法来选择所需的值。当触发时，它还会触发运行查询和填充字段的.change函数。
我能做些什么来解决这个问题？
这是我的代码：
$('#personNameFiel
浏览 0提问于2016-06-01得票数 1
回答已采纳
1回答
使用ajax将数据从动态选择框传递到php，而无需提交或重新加载
php、jquery、ajax、forms
我想创建两个选择框:一个从数据库获取选项，另一个根据第一个选择框的值获取选项。
我当前的代码如下(我从第一个带有警告的框中获得了值，但不知道如何在第二个框的sql查询中获得它)。我的文档名是tutorial.php，除了包含/config.php中的数据库函数之外，我没有使用任何其他文件。
我已经遵循了几十个教程和堆栈溢出的答案，但我不能让它工作。如何在同一页上获取php代码的选择值？
jquery：
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></s
浏览 0提问于2014-07-30得票数 0
1回答
如果在任何下拉-J查询上选择，则不应显示下拉值
jquery、html
我正在尝试使主题添加或不添加类型的web应用程序。当用户在第一个下拉列表中选择一个主题时，它不应该显示在第二个下拉列表中，并且在第一个下拉列表中应该有一个按钮(-)，用于删除选定的主题。有人能告诉我如何在Jquery中做到这一点吗？ 代码 <?php
//index.php
$connect = new PDO("mysql:host=localhost;dbname=testing4", "root", "Lomass");
function fill_unit_select_box($connect)
{
$output
浏览 10提问于2019-04-14得票数 0
3回答
根据第一个下拉菜单禁用第二个下拉选项
javascript、jquery、html
我有两个动态下降，但两个下拉的价值和选项是相同的。我想要的是，如果用户从第一个下拉列表中选择' apple‘，那么第二个下拉列表的apple选项将被禁用(使用javascript)。简而言之，用户不能从两者中选择相同的值。
//first drop down
<select name="fruit1">
<option value="1">Apple</option>
<option value="2">Mango</option>
</select>
浏览 2提问于2015-07-24得票数 2
回答已采纳
2回答
敲出自定义绑定以从其他可观察对象更新可观察对象
knockout.js、custom-binding
我有两个带有相同选项的select输入，更改first select中的值应禁用第二个(包括)选中的一个中的所有先前选项，并将第二个select的值设置为first next value。我已经设置了一个可用的fiddle 。
<select data-bind="options: selectList, value: firstSelect"></select>
<select data-bind="options: selectList, value: secondSelect, minVal: firstSelect">
浏览 9提问于2013-01-23得票数 0
回答已采纳
2回答
关于html表单的一些东西
html
可能重复：
我非常了解html，并且对表单有一点了解，但我想知道，例如：
当单击某个下拉列表项时，将根据前面的字段选择显示第二个下拉列表。你将如何进行合并，有一个特定的网站我可以去吗？
最好举一个代码的例子。我假设你可以用javascript来做这个？您是检索特定的值，还是只对特定的选择使用不同的下拉列表？
谢谢
浏览 3提问于2012-04-26得票数 0
回答已采纳
3回答
如何根据html中的另一个select选项来操作select选项？
javascript、html、select、dropdown
我有两个选择标签(都是相同的)：
<select class="form-control" name='end'>
<option selected disabled hidden value="">end</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
浏览 0提问于2018-05-17得票数 1
回答已采纳
1回答
根据另一个下拉列表中的选择填充下拉列表，然后重定向
javascript、menu
我正在尝试构建一个两层下拉菜单，其中第二个下拉菜单填充第二个下拉菜单。我已经在网站上找到了很多例子，但是我希望在第二个菜单被选中后，我的菜单可以重定向到一个页面，但是我无法理解这一点。
我和JS的速度不是那么快，所以请容忍我。
下面的代码是另一篇文章中的一个例子：
<script type="text/javascript">
function configureDropDownLists(ddl1,ddl2) {
var colours = new Array('Black', 'White', 'Blue'
浏览 0提问于2012-08-05得票数 3
5回答
jQuery和css:隐藏/显示某个css类的选择选项
jquery、css、show-hide、html-select
在html代码中，我有如下选择选项：
<option value="1" class="myclass5">Value1</option>
在jQuery中：
var cod = $(this).val(); // This is the value of another select: when the value
$("option[class^=myclass]").hide();
$("option[class^=myclass]").each(function () {
$("
浏览 115提问于2013-12-05得票数 18
回答已采纳
3回答
如何在特定的选项值元素之后复制选项元素
javascript、jquery
如何在JavaScript/jQuery中的特定选项值之后复制select选项元素？
，这是我的两个选择
首先选择要在复制值下面复制选项的位置
<select class="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="copy">Copy below</option>
<option value="3"
浏览 0提问于2020-05-18得票数 0
回答已采纳
2回答
如何使用jQuery插件将数据注入克隆的下拉框？
jquery、jquery-plugins
我有一个动态表单，并使用插件来克隆表单元素。我的表单有一组动态的下拉框，其中第二个下拉框根据第一个下拉框中的选择显示一组值。
我的问题是这是一个“编辑”表单，因此在页面加载时需要将现有数据注入到表单元素中。幸运的是，SheepIt允许；但是，我遇到了困难，因为表单中的下拉框是“动态的”，如上所述。
关于如何解决这个问题并将数据注入到我的动态表单元素中，您有什么想法吗？
Javascript：
<script>
$().ready(function() {
var sheepItForm = $('#clone').sheepIt({
sep
浏览 0提问于2012-01-12得票数 2
4回答
如何根据在另一个选择框中选择的内容填充选择框？
javascript、jquery、html、css、web
我想根据在第一个选择框中选择的内容，使用适当的值填充第二个选择框。
这就是我到目前为止所做的，但它不起作用。HTML：
<form id = "step1">
<p>
Creator:
<select name="creator" id = "creator">
<option></option>
浏览 0提问于2013-07-16得票数 1
回答已采纳
2回答
根据前面的下拉选择选择另一个下拉值
javascript、html
我是新的html javascript，并试图学习它。我有一个问题，当我选择一个下拉列表的值时，它会在某些标准匹配时选择另一个下拉值。如果他们选择选项4(外卖)从service_type下拉，计数器下拉将自动选择选项2车道。否则，用户可以在两个下拉列表上自由选择任何值。只有当他们选择Takeout时，它才会使车道被选中，并且使表服务选项不活跃。如果他们从Service类型下拉列表中选择1,2或3，那么选项1将被启用。我需要一个javascript，而不是jquery。请帮帮我
<div class="form-group col-md-12">
浏览 2提问于2020-09-23得票数 1
回答已采纳
3回答
如果EventListener已经存在，如何重用它？[普通JavaScript]
javascript、event-listener、reusability
我在HTML元素上有函数A和addEventListener #1。它做一些工作和执行一些功能。在代码中，还有其他带有 #2的addEventListener B函数，它做了一些其他工作。两个EventListener都处于change“模式”。
它可以工作，但我注意到，当我执行函数A时，它正常工作，它使用addEventListener #2再次执行B函数。因此，我有两个(或更多-取决于我使用#1侦听器的次数) #2 EventListeners (在B函数中)。
JavaScriptCode (简化)：
var a = document.getElementById('firstS
浏览 7提问于2016-01-26得票数 2
回答已采纳
3回答
IE中的jQuery选择器太慢
jquery、performance、internet-explorer
如果你在IE7/IE8中运行这个页面，你会得到：
是否停止运行此脚本？此页上的脚本导致Internet Explorer运行缓慢。如果它继续运行，您的计算机可能会变得无响应。
我基本上是运行所有这个脚本来对selects中的选项分组。
你有没有看到更好的方法来进行这种转换，并在IE中消除这种警告？
浏览 0提问于2012-04-30得票数 1
回答已采纳
2回答
HTML JAVASCRIPT或PHP如何使select中的选项依赖于在另一个select中选定的选项
javascript、html、drop-down-menu
我有两个选择
<select name="firstselect" id="firstselect">
<option value="optionOne">optionOne</option>
<option value="optionTwo">optionTwo</option>
</select>
<select name="secondselect" id="secondselect">
<option
浏览 1提问于2011-12-08得票数 1
5回答
<select>的选定值可以修改另一个<select>吗？
javascript、dom
我有两个选择，我想做的是(在不刷新页面的情况下)：当用户从第一个选择(value1或value2)中选择一个值时，更改第二个选择:如果他选择value1，那么他有一个值为a、b、c、d的选择；如果他选择了value2，那么他可以在第二个选择e、f、g、h上选择。如果不刷新页面，这可能吗？
编辑:我知道你们不是来为别人写代码的，只是想保持简单，而不是把我所有的乱七八糟的代码都贴出来:)。因此，我想要做的是修改第二个选择的id=selectAccessiblePaths，并使用onchange函数applyGroupSelection()
function initDivWithConfig ()
浏览 2提问于2014-08-21得票数 1
回答已采纳
1回答
使用jquery更改下拉选择
jquery、drop-down-menu、dom-traversal
我正在尝试弄清楚如何更改多个选择框的选择。
这是我目前所拥有的：
function selectStrategies() {
$('#dataTable tr').each(function() {
if($(this).find("td").eq(0).html()) {
$(this).find("td select").val($('#mainStrategyChoice').val());
}
});
}
我有一个主要的下拉框。当对该框的
浏览 3提问于2011-11-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
