如何在一个页面内点击一个按钮，然后在下方显示内容？

芒果仔 2011-10-24 05:40:07

就相当于把页面一分为二，上半边是按钮，下半边是文本显示区，怎么做到呢？
我只会用form_action，点击按钮后在新窗口内打开内容

而且要上半边的很多个按钮按下以后下半边会显示不同的内容~~

谢谢！

...全文

5048 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

AW 2011-11-02

打赏
举报



<script type="text/javascript">

	function b()

	{

		if(a.style.visibility=="hidden")

		{

			document.getElementById("a").style.visibility="visible";

			document.getElementById("a").style.display="";//显示

		}

		else

		{

			document.getElementById("a").style.visibility="hidden";//隐藏 

			document.getElementById("a").style.display="none";//隐藏 

		}

	}

</script>

<div id="a" class="a"></div>

<input type="button" onclick="b()" />

bear63 2011-10-28

打赏
举报

[Quote=引用 3 楼 yhtapmys 的回复:]
HTML code

<!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>……
[/Quote]
+1

其实可以先把内容放在一个 <div style="display:none">内容</div> 里面，先隐藏起来，
点击按钮的时候，把div属性就为 block即可。

lovebaby 2011-10-28

打赏
举报

纯前台显示用js或是jquery吧，纯后台就直接asp重新提交form，可以象楼上的嵌套在iframe里，前台+后台可以采用ajax，方法很多，最好能结合自己的实际情况选择一种最省时省力有效的方法。

cyd123890778 2011-10-28

打赏
举报

把div改成客户端的控件，在后台动态改变div的显示和隐藏。当点击某个按钮的时候，在后台实现前台div的显示和隐藏。

segocnzhudan 2011-10-27

打赏
举报

asp可以直接实现的
<form name="form1" action="1.asp?action=xianshi" method="post">
按钮
</form>
’asp语言实现，一般都要牵扯到response

‘定义
dim action

action=trim(request.form("action"))
if action="xianshi" then
response.writer"你要显示的内容"
end if

lj1234567 2011-10-27

打赏
举报

用AJAX

cyx188 2011-10-25

打赏
举报

如果要显示多个一同的内容,可能用JS,每个按钮指向不同的页面,<iframe name=xs src="">,js 参考保修期代码：
<script language="javascript">
function goto1()
{
document.form1.action= "ser1.asp";
document.form1.target="frmtop";
document.form1.submit();
}

function goto2()
{
document.form1.action="ser2.asp";
document.form1.target="frmtop";
document.form1.submit();
}
function goto3()
{
document.form1.action="ser3.asp";
document.form1.target="frmtop";
document.form1.submit();
}

function goto4()
{
document.form1.action="ser4.asp";
document.form1.target="frmtop";
document.form1.submit();
}
</script>

cyx188 2011-10-25

打赏
举报

方法很多,最简单的做法:
在下面加一个<iframe name=xs src="xs.asp">(框架),把你要显示的内容写在xs.asp内,按钮链接到该页面,并指向target="xs".

晨晨 2011-10-25

打赏
举报

下面做一个DIV层，点不同的按钮时弹出不同的DIV，新DIV弹出，老DIV隐藏。
如果你只是想做一个点击按钮，在下面显示对应内容的话，只要对按钮增加onclick事件，然后在onclick事件中调用 document.getElementById("DIV_ID").innerText = 按钮的值

sanoul 2011-10-25

打赏
举报

ASP + Ajax

梦如风 2011-10-25

打赏
举报

[Quote=引用 2 楼 mangocookie 的回复:]
引用 1 楼 lijpwsw 的回复:

研究一下jquery吧

诶？好麻烦诶……还要研究JQuery，有没有用HTML、脚本语言或者ASP直接搞定的方法
[/Quote]
方法很多种，但lz怕麻烦我也不好说什么了

yhtapmys 2011-10-24

打赏
举报



<!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></title>

</head>

<body>

    <div>

        <ul>

            <li class="search1" id="changebox1" onclick="javascript:tag('changebox1');">

                点击选择1 </li>

            <li class="search2" id="changebox2" onclick="javascript:tag('changebox2');">

                点击选择2 </li>

        </ul>

        <div id="one" style="height: 55px; width: 100px; background-color: Gray;">

        </div>



        <script>        

            function tag(id) {

                document.getElementById("one").innerHTML = document.getElementById(id).innerHTML;

            }

        </script>



    </div>

</body>

</html>