2021-04-22

最新推荐文章于 2024-10-31 17:27:10 发布

原创最新推荐文章于 2024-10-31 17:27:10 发布 · 74 阅读

0 ·

CC 4.0 BY-SA版权

工作记录专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何通过jQuery在JSP页面上实现根据选择的部门或科目动态隐藏或显示相关内容。作者展示了如何获取特定选项的class属性，并利用change事件管理不同类型的显示隐藏操作。

工作记录0422

需求：在选择跨部门的时候，要隐藏跨科目的内容。在选择跨科目的时候，要隐藏跨部门的内容

1.进入jsp的页面按F12 查看调整类型，跨科目，跨部门的属性

跨科目的class属性

跨部门的class属性

2.使用jQuery的change事件，代码如下：

$("#field47287_0").change(function() {
    var type = $("#field47287_0").find("option:selected").val()
    if(type == 1){   
	 $(".detail0_1_7").hide()
    }else{
     $(".detail0_1_7").show()
    }
	if(type == 2){
	 $(".detail0_1_8").hide()
	}else{
	 $(".detail0_1_8").show()
	}
})

在控制台输出，效果完成