js控制显示div
答案:3 悬赏:80 手机版
解决时间 2021-08-14 03:07
- 提问者网友：战魂
- 2021-08-13 11:10
当我文本框里面的值为空的时候div不显示、而单用户输入信息的时候div显示、
最佳答案
- 五星知识达人网友：慢性怪人
- 2021-08-13 12:20
<div id="abc" style="height:100px;width:100px;background:red;display:none;"></div>
<input type="text" value="" onkeyup="if(this.value!=''){document.getElementById('abc').style.display='block';}else{document.getElementById('abc').style.display='none';}"/>
全部回答
- 1楼网友：舊物识亽
- 2021-08-13 13:27
给你个jQuery研究下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script type="text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#inputNode").keyup(function() {
if ($(this).val() != "") {
$("#divNode").css("display", "block");
} else {
$("#divNode").css("display", "none");
}
});
});
</script>
</head>
<body>
<div id="divNode" style="display:none">
DIVNODE is none/block
</div>
<input type="text" value="" id="inputNode" />
</body>
</html>
- 2楼网友：由着我着迷
- 2021-08-13 13:08
if(document.getElementById('文本框ID').value!='')
document.getElementById('div的ID').display=show
else
document.getElementById('div的ID').display=hidden
大体是这样，细节自己改
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯