隱藏div及其所有內容
[英]Hide div with all content in this
問題描述
我想隱藏div中所有內容的div，這是我的代碼：
<form action="" method="POST" name="form">
<p for="name">text :</p><input type="text" name="name" value="<?php echo $name_g; ?>" onfocus="ClearPlaceHolder (this)" onblur="SetPlaceHolder (this)"/>
<p for="phone">text :</p><input type="text" name="phone" value="<?php echo $phone_g; ?>" onfocus="ClearPlaceHolder (this)" onblur="SetPlaceHolder (this)"/>
<p for="blood">text :</p><input type="text" name="blood" value="<?php echo $blood_g; ?>" onfocus="ClearPlaceHolder (this)" onblur="SetPlaceHolder (this)"/>
<p for="id">text :</p><input type="text" name="id" value="<?php echo $id2_g; ?>" onfocus="ClearPlaceHolder (this)" onblur="SetPlaceHolder (this)"/>
<p for="email">text : </p><input type="text" name="email" value="<?php echo $email_g; ?>" onfocus="ClearPlaceHolder (this)" onblur="SetPlaceHolder (this)"/>
<input type="button" onclick =" printvalues();" value="text">
<div id="info_check">
<script type="text/javascript">
function printvalues() {
var div = document.getElementById("info_check");
div.innerHTML += "<span>text :</span>"+form.name.value+"<br>";
div.innerHTML += "<span>text :</span>"+form.phone.value+"<br>";
div.innerHTML += "<span>text :</span>"+form.blood.value+"<br>";
div.innerHTML += "<span>text :</span>"+form.id.value+"<br>";
div.innerHTML += "<span>text :</span>"+form.email.value+"<br>";
div.innerHTML += "<input type='submit' name='sub' value='text'/>";
$("#info_check").show();
}
</script>
<h2>text</h2>
<input type='button' onclick="$('#info_check').hide();" value='text' style='background: #F00 none repeat scroll 0% 0%; min-width: 20px; width: 80px;color: #fff; border-radius:4px; text-decoration: none; margin-right: 10px;'/>
</div>
</form>
我的問題是我想使用此中的所有內容進行#info_check的設置
1 個解決方案
解決方案1
0 2015-06-20 16:43:20
根據我的理解，您想顯示用戶填寫的表單的預覽。
嘗試這個：
<!DOCTYPE html>
<html>
<body>
<form action="">
<div id="info_check"></div>
</form>
<input type='button' onclick="$('#info_check').hide();" value='Hide The Div'/>
<input type='button' onclick="$('#info_check').show();" value='Show The Div'/>
<script src="js/jquery.min.js"></script>
<script type="text/javascript">
function printvalues()
{
var div=document.getElementById("info_check");
div.innerHTML+="<span>text :</span>some values<br>";
div.innerHTML+="<span>text :</span>some values<br>";
div.innerHTML+="<span>text :</span>some values<br>";
div.innerHTML+="<span>text :</span>some values<br>";
div.innerHTML+="<span>text :</span>some values<br>";
div.innerHTML+="<input type='submit' name='sub' value='Submit'/>";
}
printvalues();
</script>
</body>
</html>
如何使用JavaScript隱藏和顯示div的所有內容？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.