javascript - 在 jQuery 中显示/隐藏多个选项

Question

我需要在单选下拉列表中显示/隐藏 100 多个选项。到目前为止我的代码如下所示。然而，它似乎适用于少量选项，但不适用于大量选项。有更好的办法吗？

$(document).ready(function() {
    $("#colors").change(function(){
        var selectedValue = $(this).val();
        url = "http://domain.com";
        if(selectedValue == "color1"){
          $("table#color1").show();
          $("table#color2").hide();
          $("table#color3").hide();
          $.get(url, {name: "color1"});
        }   
        if(selectedValue == "color2"){
          $("table#color1").hide();
          $("table#color2").show();
          $("table#color3").hide();
          $.get(url, {name: "color2"});
        }
        if(selectedValue == "color3"){
          $("table#color1").hide();
          $("table#color2").hide();
          $("table#color3").show();
          $.get(url, {name: "color3"});
        }
    });
});

Answer 1

为所有表格指定一个类(例如 class="colored-table")并执行以下操作:

$('table.colored-table').hide();
$('table#' + selectedValue).show();
// 'table#' + selectedValue : will become 'table#color1' if selectedValue equals 'color1' and so on
$.get(url, {name: selectedValue});

(编辑:忘记了 $.get)