多重下拉滤波
我对Javascript非常陌生，因此我将详细介绍以下步骤，以重新创建问题。我还做了个小提琴
重新创建问题的步骤：
- 从下拉列表1中选择“工作队列”。
- 从下拉列表2中选择'Google‘。(谷歌显示
- 从下拉列表2中选择“Yahoo”。(雅虎显示-工作正常。
- 从下拉1选择‘代理’，然后从下拉2选择'Claire‘(克莱尔显示-)
- 选择‘达伦’从下拉2(达伦显示-工作正常)。
- 再次选择“工作队列”，从下拉1...Darren继续到show...this是问题所在)
为什么达伦会继续显示，即使选择了不同的选项？可以放置哪些代码来帮助解决这一问题？
非常感谢
HTML：
1. <td> <div> <select style="width: 100%; border-radius: 6px 6px 6px 6px; font-family: Sky Text Regular; font-size: 18px; padding: 5 5px;“height=”200 5px>选择类别.工作队列代理 <td> <div class="queuelist agentlist largetext">2. </div> </td> <td> <center> <div class="catlist" style="font-family: Sky Text Regular; font-size: 28px; color: #009CDD;"></div> </center> <div class="queuelist"> <select style="width: 90%; border-radius: 6px 6px 6px 6px; font-family: Sky Text Regular; font-size: 18px; padding: 5 5px;“height=”200 5px>选择队列.谷歌雅虎 <div class="agentlist"> <select style="width: 90%; border-radius: 6px 6px 6px 6px; font-family: Sky Text Regular; font-size: 18px; padding: 5 5px;“height=”200 5px>选择代理.克莱尔达伦 Google Yahoo
Stack Overflow用户
发布于 2017-06-26 14:18:54
虽然在正确的select菜单上触发了函数，但您正在遍历每个select菜单的select选项元素，随后的选择消除了所需选项的效果。
代之以：
$(document).ready(function() {
$("select").change(function() {
$("select option:selected").each(function() {通过以下方式：
$(document).ready(function() {
$("select").change(function() {
$(this).children("option:selected").each(function() {要显示新显示的select的已选中选项:为第二个select添加一个更改触发器：
if ($(this).attr("value") == "queuelist") {
....
$(".queuelist").show();
$(".queuelistselect").change();(“代理名单”与此相同)。
https://stackoverflow.com/questions/44761424
复制相似问题
腾讯云开发者
