Javascript 仅根据客户端上的选择下拉值筛选城市卡

$（函数（）{
$（'#城市选择器'）。更改（函数（）{
$（'.city'）.hide（）；
$（'#'+$（this.val（））.show（）；
});
});

全部的
浦那
钦奈
班加罗尔
浦那-科雷根公园
普纳-维曼那加
钦奈
班加鲁
您只需检查值
All
即可显示所有
.city
元素，如下所示：

$(function() {
     $('#cityselector').change(function(){
          if($(this).val() == 'All')
              return $('.city').show();
          $('.city').hide();
          $('#' + $(this).val()).show();
     });
 });

编辑：

我只是注意到这不是你遇到的唯一问题，为了解决同一个城市的名字问题，我会使用
类
，而不是
ID

出现此问题的原因是，
jQuery
通过
ID
选择符将始终返回一个元素，即使有多个元素具有相同的
ID
您只需检查值
All
即可显示所有
.city
元素，如下所示：

$(function() {
     $('#cityselector').change(function(){
          if($(this).val() == 'All')
              return $('.city').show();
          $('.city').hide();
          $('#' + $(this).val()).show();
     });
 });

编辑：

我只是注意到这不是你遇到的唯一问题，为了解决同一个城市的名字问题，我会使用
类
，而不是
ID

出现此问题的原因是，通过
ID
的
jQuery
选择器将始终返回一个元素，即使有多个元素具有相同的
ID
而不是ID，请给出类名：


$（函数（）{
$（'#城市选择器'）。更改（函数（）{
if（$（this.val（）==“All”）{$（'.city'）.show（）；return；}else{$（'.city'）.hide（）；}
$（'.+$（this.val（））.show（）；
});
});

全部的
浦那
钦奈
班加罗尔
浦那-科雷根公园
普纳-维曼那加
钦奈
班加鲁
请给出类名，而不是id：


$（函数（）{
$（'#城市选择器'）。更改（函数（）{
if（$（this.val（）==“All”）{$（'.city'）.show（）；return；}else{$（'.city'）.hide（）；}
$（'.+$（this.val（））.show（）；
});
});

全部的
浦那
钦奈
班加罗尔
浦那-科雷根公园
普纳-维曼那加
钦奈
班加鲁
你能把你的代码放在代码片段中吗？我已经在@revtishah添加了它。请检查Liad的代码。但请检查代码，你给pune的id名称相同。这是错误的。id应该是唯一的。你能把你的代码放在代码段中吗？我已经在@Revtishah添加了它。请检查Liad的代码。但是请检查代码，你给pune的id名称是相同的。这是错误的。ID应该是唯一的。它也不会；不行。当你选择pune时，它不会；不要显示浦那城市。@RevtiShah，我认为ID在处理数据库时应该是唯一的，这里我们只是在处理数据，什么都没有。它也没有；不行。当你选择pune时，它不会；t显示浦那城市。@RevtiShah，我认为ID在处理数据库时应该是唯一的，这里我们只是在处理数据，什么都没有。它很有效。继续。选择pune时，仅显示1个选项。但最终它已经有了两个选项。@RevtiShah是的，因为OP必须与类一起工作，而不是与ID一起工作，我解释了为什么。它可以工作。继续。选择pune时，仅显示1个选项。但最终它已经有了两个选项。@RevtiShah是的，因为OP必须使用类而不是ID，我解释了原因。