jQuery-甚至在選擇下拉列表上使用.change來過濾結果

Question

我的代碼是：

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

因此，當用戶更改下拉列表時，具有這些類的兩個div隱藏，然后變量將userChoice存儲為jquery可以識別的內容，然后使用.show（）再次顯示該內容。

但是由於某種原因，這似乎不起作用，有人知道為什么嗎？

謝謝

Answer 1

您不必使用'的var userChoice = "'." + $('select').val() + "'"; 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