显示隐藏字段取决于选择值

尝试这样的事情：

<select id="viewSelector">   <option value="0">-- Select a View --</option>          <option value="view1">view1</option>   <option value="view2">view2</option>   <option value="view3">view3</option></select><div id="view1">  <!-- content --> </div><div id="view2a">  <!-- content --> </div><div id="view2b">  <!-- content --> </div><div id="view3">  <!-- content --> </div>

然后在jQuery中：

$(document).ready(function() {  $.viewMap = {    '0' : $([]),    'view1' : $('#view1'),    'view2' : $('#view2a, #view2b'),    'view3' : $('#view3')  };  $('#viewSelector').change(function() {    // hide all    $.each($.viewMap, function() { this.hide(); });    // show current    $.viewMap[$(this).val()].show();  });});