从组合框中显示/隐藏字段集答案

【问题标题】：Show/Hide fieldsets from combobox从组合框中显示/隐藏字段集
【发布时间】：2012-11-01 15:11:26
【问题描述】：

您好，我有一个这样的组合框：

<select name="tayuda" id="mySelect">
 <option value="" selected>Seleccionar</option>             
 <option value="Denuncia" <?=($info['tayuda']=='Denuncia')?'selected':''?>>Denuncia</option>
 <option value="Reclamo" <?=($info['tayuda']=='Reclamo')?'selected':''?>>Reclamo</option>
 <option value="Consulta" <?=($info['tayuda']=='Consulta')?'selected':''?>>Consulta</option>
 <option value="Otro" <?=($info['tayuda']=='Otro')?'selected':''?>>Otro</option>
</select>

如果选择了选项 value="Consulta" 或者没有选择，我想隐藏 3 个字段集。

我怎样才能让它工作？

【问题讨论】：

标签： php combobox show-hide fieldset

【解决方案1】：

你可以看看这里

JQuery Hide Div when Option is Selected

需要稍作修改。

jQuery(document).ready(function() {
   jQuery("#mySelect").change(function() {
      var opt-selected = jQuery(this).find("option:selected").val()
      if(opt-selected == "Consulta" || opt-selected == "") {
         jQuery("fieldset.multiples").hide();
      } else {
         jQuery("fieldset.multiples").show();
      }

   });
});

可能需要一些 CSS

.multiples {
  display: none;
}

【讨论】：

【解决方案2】：

在选择控件上实现更改事件。检查值，如果值为 COnsulta 或为空，则隐藏字段集（将其 css 可见性属性设置为隐藏）。

【讨论】：

谢谢，我知道我需要的是帮助用 javascript 做这件事。

【解决方案3】：

也许是这样的？

  function hideField(){
    var e = document.getElementById("mySelect");
     var strUser = e.options[e.selectedIndex].value;

     if( strUser == 'Consulta' ) {
        $("#fieldset1").hide();
        $("#fieldset2").hide();
        $("#fieldset3").hide();
     }
     else if( strUser == '' ) {
        $("#fieldset1").hide();
        $("#fieldset2").hide();
        $("#fieldset3").hide();
     }

  }

【讨论】：