87,910
社区成员
发帖
与我相关
我的任务
分享一个js操作ul列表的问题
<!--以下是aaa.html页的源码。本页面要实现的效果是：点击哪个菜单，则显示输出哪个菜单名。-->
<!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" />
<script type="text/javascript">
window.onload = function()//页面加载完毕后自动调用该函数。
{
var menu = document.getElementById("menu").getElementsByTagName("li");
for(i=0;i<menu.length;i++)
{
menu[i].onclick=function()
{
window.open("bbb.php?a=0","left");//如何把这句的a=0中的零换成一个变量来实现效果呢？现在点哪个菜单都只显示菜单一。
}
}
}
</script>
</head>
<body>
<div>
<ul id="menu">
<li id="0" >菜单一</li>
<li id="1" >菜单二</li>
<li id="2" >菜单三</li>
</ul>
</div>
</body>
</html>
<!--以下是bbb.php源码-->
<?php
if ($_GET['a']==0)
{
echo '栏目一';
}
if ($_GET['a']==1)
{
echo '栏目二';
}
if ($_GET['m']==2)
{
echo '栏目三';
}
?>
<!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" />
<script type="text/javascript">
window.onload = function()//页面加载完毕后自动调用该函数。
{
var menu = document.getElementById("menu").getElementsByTagName("li");
for(i=0;i<menu.length;i++)
{
menu[i].onclick=function()
{
window.open("bbb.php?a=0","left");//如何把这句的a=0中的零换成一个变量来实现效果呢？现在点哪个菜单都只显示菜单一。
}
}
}
</script>
</head>
<body>
<div>
<ul id="menu">
<li id="0" >菜单一</li>
<li id="1" >菜单二</li>
<li id="2" >菜单三</li>
</ul>
</div>
</body>
</html>
<!--以下是bbb.php源码-->
<?php
if ($_GET['a']==0)
{
echo '栏目一';
}
if ($_GET['a']==1)
{
echo '栏目二';
}
if ($_GET['m']==2)
{
echo '栏目三';
}
?>
...全文
请发表友善的回复…
发表回复
gouxiongyaya 2011-03-23
- 打赏
- 举报
感觉3楼和4楼的都可以啊，是不是楼主你别的地方有问题啊
phper002 2011-03-23
- 打赏
- 举报
感谢楼上三位朋友的回复。我逐一试了，均无法实现效果。
谁能给一个准确的答案，一锤定音呢？
谁能给一个准确的答案，一锤定音呢？
lein_design 2011-03-23
- 打赏
- 举报
window.open("bbb.php?a="+i,"left");
hongmei85 2011-03-23
- 打赏
- 举报
这样？
<script type="text/javascript">
window.onload = function()//页面加载完毕后自动调用该函数。
{
var menu = document.getElementById("menu").getElementsByTagName("li");
for(i=0;i<menu.length;i++)
{
menu[i].onclick=function()
{
window.open("bbb.php?a="+menu.id,"left");//如何把这句的a=0中的零换成一个变量来实现效果呢？现在点哪个菜单都只显示菜单一。
}
}
}
</script>
<script type="text/javascript">
window.onload = function()//页面加载完毕后自动调用该函数。
{
var menu = document.getElementById("menu").getElementsByTagName("li");
for(i=0;i<menu.length;i++)
{
menu[i].onclick=function()
{
window.open("bbb.php?a="+menu.id,"left");//如何把这句的a=0中的零换成一个变量来实现效果呢？现在点哪个菜单都只显示菜单一。
}
}
}
</script>
NocturneLLJ 2011-03-23
- 打赏
- 举报
var args;
"bbb.php?a="+args
phper002 2011-03-23
- 打赏
- 举报
继续求助中
NocturneLLJ 2011-03-23
- 打赏
- 举报
window.open("bbb.php?a=" + menu[i].id, "left");
NocturneLLJ 2011-03-23
- 打赏
- 举报
//下面这样写bbb.php页面打开后对应的menu的ID也传过去了.
//ID过去了接下来做什么操作要看你了.我们没办法继续帮.
window.open("bbb.php?a=" + menu[i].id, "left");
