甚至在选择下拉列表中使用.change来筛选结果

using the .change even on a select drop down list to filter results

本文关键字：change 筛选 结果 选择 下拉列表      更新时间：2023-09-26

我的代码是：

$('select').change(function(){
 $('.sep14, .oct14').hide();
  var userChoice = "'." + $('select').val() + "'";
  $(userChoice).show();
});

因此，当用户更改下拉列表时，具有这些类的两个div将隐藏，然后变量将userChoice存储为jquery可以识别的内容，然后使用.show（）.再次显示

但出于某种原因，这似乎不起作用，有人知道为什么吗？

感谢

您不必在var userChoice = "'." + $('select').val() + "'"; 上使用'

代码：

$('select').change(function() {
   $('.sep14, .oct14').hide();
   var userChoice = "." + $('select').val();
   $(userChoice).show();
});

演示

此外，这是一种有点奇怪的方式来实现你正在做的事情，考虑使用data-属性，在那里你可以创建带有值的自定义属性，这些值在HTML5中是完全有效的，比如：-

$('select').change(function(){
   $('[data-toggler]').hide();
   $('[data-toggler=' + $(this).val() + ']').show();
});

演示2

相关文章：