获取表单隐藏域的值和一个弹出div

最新推荐文章于 2021-06-17 10:02:07 发布

C小陈童鞋

最新推荐文章于 2021-06-17 10:02:07 发布

阅读量961

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML5

本文链接：https://blog.youkuaiyun.com/chenHaiJaheike/article/details/89841475

HTML5 专栏收录该内容

3 篇文章

订阅专栏

博客介绍了两项前端操作，一是获取表单隐藏域的值，代码为 var rad = $(\input:hidden[name='dbrief']\).val(); ，二是当点击某个标签时弹出相应的 div。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取表单隐藏域的值

var rad = $(“input:hidden[name=‘dbrief’]”).val();

当点某个标签的时候弹出相应的div

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.black_overlay {
				display: none;
				position: absolute;
				top: 0%;
				left: 0%;
				width: 100%;
				height: 100%;
				background-color: black;
				z-index: 1001;
				-moz-opacity: 0.8;
				opacity: .80;
				filter: alpha(opacity=88);
			}
			
			.white_content {
				display: none;
				position: absolute;
				top: 25%;
				left: 25%;
				width: 55%;
				height: 55%;
				padding: 20px;
				border: 7px solid cadetblue;
				background-color: white;
				z-index: 1002;
				overflow: auto;
			}
		</style>
	</head>

	<body>
		<a href="#" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">open</a>
		<div id="light" class="white_content">
			<a href="#" style="float: right;" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">✘</a>
		</div>
		<div id="fade" class="black_overlay"></div>
	</body>

</html>