0

こんにちは、次のようなコンボボックスがあります。

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

option value="Consulta" が選択されている場合、または選択がない場合は、3 つのフィールドセットを非表示にしたいと考えています。

どうすればそれを機能させることができますか?

4

3 に答える 3

0

多分このようなもの?

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

  }
于 2012-11-01T15:39:27.030 に答える
0

あなたはここを見ているかもしれません

オプションが選択されている場合のJQuery非表示Div

マイナーな変更が必要になります。

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;
}
于 2012-11-01T15:48:15.173 に答える
0

選択コントロールの変更イベントで実装します。値をチェックし、値が CONsulta または空の場合は、フィールドセットを非表示にします (css 可視性属性を非表示に設定します)。

于 2012-11-01T15:15:15.353 に答える