Question

嗨，我有一个像这样的组合框：

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

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

我怎样才能让它发挥作用？

Answer 1

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

Answer 2

也许是这样的？

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

  }

Answer 3

你可以看一下

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;
}

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

3 个答案: