[求助]html表单根据下拉选择值隐藏部分区域

yangxf

在html表单中如何根据选择框字段值隐藏表单中部分区域，求js

wangtheo

开发人员飘过。。。。这个问题很简单，自己加Q。。我远程帮你搞定

savaza

假设你的下拉选择框有2个选项，"显示"，"隐藏"，对应的值分别就是0和1，

设置下拉框字段的onpropertychange事件
document.getElementById("下拉框字段Id").onpropertychange=new Function("fun1(this)");

function fun1(){
if(document.getElementById("下拉框字段Id").value==0)
{
document.getElementById("隐藏区域的Id").style.display="block";
}

if(document.getElementById("下拉框字段Id").value==1)
{
document.getElementById("隐藏区域的Id").style.display="none";

}



}

晨光_Ychg

非常不错，谢谢楼主分享，谢谢了

purplebolt

非常不错，突然觉得自己程序员出生也有不少优势的

maximwangl

//类型字段ID，根据具体实际情况进行修改
var type = "field10602";
//页面加载事件
jQuery(document).ready(function(){
//集体/个人绑定事件
jQuery("#"+type).bind('change',function(){
  trDisplay();
});

trDisplay();
});
//TR显隐事件
function trDisplay(){
  var type_v = jQuery("#"+type).val();
  
  if(type_v == '0'){//价格差异导致的差额
                jQuery("TR[ID=Main_01]").hide();
                jQuery("TR[ID=Main_02]").hide();
   jQuery("TR[ID=TR_Group]").show();
   jQuery("TR[ID=TR_Person]").hide();
  }else if(type_v == '1') {//挑选费
                jQuery("TR[ID=Main_01]").show();
                jQuery("TR[ID=Main_02]").show();
   jQuery("TR[ID=TR_Group]").hide();
   jQuery("TR[ID=TR_Person]").show();
}else if(type_v == '2') {//降价差异导致的差额
                jQuery("TR[ID=Main_01]").hide();
                jQuery("TR[ID=Main_02]").hide();
   jQuery("TR[ID=TR_Group]").show();
   jQuery("TR[ID=TR_Person]").hide();
}else{
                jQuery("TR[ID=Main_01]").hide();
                jQuery("TR[ID=Main_02]").hide();
  jQuery("TR[ID=TR_Group]").hide();
  jQuery("TR[ID=TR_Person]").hide();
}
}

maximwangl

//类型字段ID，根据具体实际情况进行修改
var type = "field12191";

//页面加载事件
jQuery(document).ready(function(){
        //集体/个人绑定事件
        jQuery("#"+type).bind('change',function(){
                trDisplay();
        });
       
        trDisplay();
});

//TR显隐事件
function trDisplay(){
        var type_v = jQuery("#"+type).val();
       
        if(type_v == '0'){//价格差异导致的差额
                jQuery("TR[ID=TR_ZL]").hide();
                jQuery("TR[ID=TR_ZLZB]").hide();
                jQuery("TR[ID=TR_XSZB]").show();
                jQuery("TR[ID=TR_FZL]").show();
                jQuery("TR[ID=TR_Group]").hide();
                jQuery("TR[ID=TR_FJSC]").hide();
        }else if(type_v == '1') {
                jQuery("TR[ID=TR_ZL]").show();
                jQuery("TR[ID=TR_FZL]").hide();
                jQuery("TR[ID=TR_Group]").show();
                jQuery("TR[ID=TR_XSZB]").hide();
                jQuery("TR[ID=TR_ZLZB]").show();
                jQuery("TR[ID=TR_FJSC]").show();
        }else if(type_v == '2') {
                jQuery("TR[ID=TR_ZL]").hide();
                jQuery("TR[ID=TR_FZL]").show();
                jQuery("TR[ID=TR_Group]").hide();
                jQuery("TR[ID=TR_ZLZB]").hide();
                jQuery("TR[ID=TR_XSZB]").show();
                jQuery("TR[ID=TR_FJSC]").hide();
        }else{
                jQuery("TR[ID=TR_ZL]").hide();
                jQuery("TR[ID=TR_FZL]").hide();
                jQuery("TR[ID=TR_Group]").hide();
                jQuery("TR[ID=TR_ZLZB]").hide();
                jQuery("TR[ID=TR_XSZB]").hide();
                jQuery("TR[ID=TR_FJSC]").hide();
        }
}