获得select的选中值，并控制table中某个tr的显示与隐藏

最新推荐文章于 2023-07-04 09:49:01 发布

iteye_1604

最新推荐文章于 2023-07-04 09:49:01 发布

阅读量1.1k

点赞数 1

文章标签：数据库 javascript ViewUI

本文链接：https://blog.csdn.net/iteye_1604/article/details/82044792

版权

在html中，我们根据id为type的select控件值的变化，动态变化business,city,district的显示情况。

在table中控制tr的显示与隐藏时，不要用$(".business").css(display, "block")，这样会使tr的显示出现问题，用hide和show即可。

$("#type").change(function(){
		var type = $("#type option:selected").val();
		if(type=="0"){
			$(".business").hide();
		}
		if( type=="1"){
			$(".business").hide();
			$(".province").show();
		}
		if( type=="2"){
			$(".business").hide();
			$(".city").show();
		}
		if( type=="3"){
			$(".business").hide();
			$(".district").show();
		}
		if( type=="4"){
			$(".business").show();
		}
	});