根据下拉框选的值来隐藏指定的标签

最新推荐文章于 2024-07-16 10:00:56 发布

原创最新推荐文章于 2024-07-16 10:00:56 发布 · 625 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #js #javascript

判断同时被 2 个专栏收录

6 篇文章

订阅专栏

4 篇文章

订阅专栏

这篇博客探讨了如何使用JavaScript实现一个功能，即根据执行状态决定是否显示需要报告的内容。代码示例展示了如何通过switch语句检查执行状态，并据此隐藏或显示标记为'needreport'的元素。当执行状态为'3'时，'needreport'内容将被显示，其他状态则隐藏。

根据执行状态来显示是否需要报告，只有已完成需要显示

2. 只有已完成需要显示其他的都隐藏

执行状态的代码

是否需要报告的代码

这块代码放到JavaScript里,changePro()方法和执行状态的代码里的changePro()对应相当于一个点击事件

<script type="text/javascript">
function changePro() {
						var stuats = $("select[name='fdStatus']").val();
						if (flag == 0) {
							defualtNum = $("input[name='fdProgress']").val();
							flag++;
						}
						if (stuats || stuats == "") {
							switch (stuats) {
							case "1":
								num = "0";
								$("[name='needreport']").hide();
								break;
							case "2":
								num = "50";
								$("[name='needreport']").hide();
								break;
							case "3":
								num = "100";
								$("[name='needreport']").show();
								break;
							default:
								num = defualtNum;
							$("[name='needreport']").hide();
								break;
							}
							$("input[name='fdProgress']").val(num);
						}

						sliderImage.setValue(document
								.getElementsByName('fdProgress')[0].value);

					}
</script>