关于jsp button
我想我的页面里面有一个button名字叫“修改”,当按它的时候，button消失并且原本button的位置出现一个text和另一个button,如何做到？最好不要用页面刷...
我想我的页面里面有一个button名字叫“修改”,当按它的时候，button消失并且原本button的位置出现一个text和另一个button,如何做到？最好不要用页面刷新，因为我那一页有N个这样的button,都要有相同的功能。
展开
2个回答
展开全部
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>修改状态</title>
<script type="text/javascript">
function changeState(){
document.getElementById("update").style.display="none";
document.getElementById("add").style.display="";
document.getElementById("addText").style.display="";
}
</script>
</head>
<body>
<div>
<input type="button" id="update" value="修改" onclick="changeState();" />
<input type="button" id="add" value="新增" style="display:none"/>
<input type="text" id="addText" style="display:none"/>
</div>
</body>
</html>
运行一下是不是你要的效果
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>修改状态</title>
<script type="text/javascript">
function changeState(){
document.getElementById("update").style.display="none";
document.getElementById("add").style.display="";
document.getElementById("addText").style.display="";
}
</script>
</head>
<body>
<div>
<input type="button" id="update" value="修改" onclick="changeState();" />
<input type="button" id="add" value="新增" style="display:none"/>
<input type="text" id="addText" style="display:none"/>
</div>
</body>
</html>
运行一下是不是你要的效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1。 设计页面的时候把text和另一个button放在该位置，并初始设置为隐藏。
2。 其他的操作用javascript控制。
function pressBtn( var btnId ) {
document.getElementById( btnId ).style.display = none;
document.getElementById( text).style.display = "";
document.getElementById( 另一个button).style.display = "";
}
2。 其他的操作用javascript控制。
function pressBtn( var btnId ) {
document.getElementById( btnId ).style.display = none;
document.getElementById( text).style.display = "";
document.getElementById( 另一个button).style.display = "";
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
