jQuery错误 - 从下拉列表中选择的选项/值

Question

我的代码有一个下拉列表。并且当选择下拉列表的某个选项时，将显示其分配的DIV，其他div被隐藏。如果选择了另一个选项，则隐藏现有DIV并显示其指定的div。

但是，显示/隐藏的div无法正常工作。

Firebug报告以下内容（箭头指向'$'）：

missing ( before switch expression
[Break On This Error]     

switch $(this).val(){

以下是jQuery代码：

$('#ddlOptions').change(function(){
    $('div.Results').hide();
    switch $(this).val(){
      case '1': $('#divResults1').show();break; 
      case '2': $('#divResults2').show();break;
      case '3': $('#divResults3').show();break;
    }
  });

Answer 1

因为它应该是：switch ($(this).val())而不是switch $(this).val()

Answer 2

$('#ddlOptions').change(function(){
    $('div.Results').hide();
    $('#divResults'+($(this).val()*1)).show();
});