根据选择值显示/隐藏字段 [英] Show/hide fields depending on select value

问题描述

我正在尝试显示和隐藏一些表单字段，具体取决于我的某个选择字段的值。我希望使用数组来保存应该显示的内容和不应该为每个选择值显示的内容，以便从庞大的switch语句中保存，但无法弄清楚如何执行它。

I am trying to show and hide a few form fields depending on the value of one of my select fields. I am looking to use arrays to hold what should be shown and what should not be shown for each select value, to save me from a massive switch statement, but cannot figure out how to do it.

我正在使用PHP和jQuery。任何帮助都会很棒。

I am using PHP and jQuery. Any help would be great.

推荐答案

尝试这样的事情：

<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中：

then in the 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();
  });
});

这篇关于根据选择值显示/隐藏字段的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！