<html>
<head>
<title></title>
</head>
<body onload="">
<div id='c'>
<div id='title'>
<ul id='myUL'>
<li style="margin-left: 3px;" class="title_item_selected"><a class="title_item_text_selected" href="#">选择信息类别</a></li>
<li class="title_item"><a class="title_item_text" href="#">选择信息子类别</a></li>
<li class="title_item"><a class="title_item_text" href="#">选择区域</a></li>
<li class="title_item"><a class="title_item_text" href="#">选择街道</a></li>
<li class="title_item"><a class="title_item_text" href="#">填写信息</a></li>
</ul>
</div>
<div id='content'>
<div class='tb'><a href="javascript: go(1);">房产</a><br>汽车<br></div>
<div class='tb'><a href="javascript: go(2);">租房</a><br>二手<br><a href="javascript: go(0);">返回</a> </div>
<div class='tb'><a href="javascript: go(3);">浦东</a><br>浦西<br><a href="javascript: go(1);">返回</a> </div>
<div class='tb'><a href="javascript: go(4);">张江高科</a><br>陆家嘴<br><a href="javascript: go(2);">返回</a> </div>
<div class='tb'>
姓名:<input type="text" /></br>
年龄:<input type="text" /></br>
户籍:<input type="text" /></br>
<a href="javascript: alert('your form will be submitted.');">提交</a>
<a href="javascript: go(3);">返回</a> </div>
</div>
<div id='foot'></div>
</div>
<script>
//var currentPage = 0;
function $(id){return document.getElementById(id)};
var container = $('myUL');
var items = container.getElementsByTagName('li');
var links = container.getElementsByTagName('a');
var contents = $('content').getElementsByTagName('div');
function go(page){
if(page<0 || page>4){
alert('invalid argument');
return;
}
for(var i=0; i<5; i++){
if(i==page){
items[i].className = 'title_item_selected';
links[i].className = 'title_item_text_selected'
contents[i].style.display = '';
links[i].style.cursor = 'default';
links[i].onclick = null;
}
else{
items[i].className = 'title_item';
links[i].className = 'title_item_text';
contents[i].style.display = 'none';
if(i<page){
links[i].onclick = function(){
var n = getPageIndex(this);
go(n);
}
links[i].style.cursor = 'hand';
}
else if(i>page){
links[i].onclick = null;
links[i].style.cursor = 'default';
}
}
}
//currentPage = page;
}
function getPageIndex(node){
for(var i=0; i<5; i++){
if(node==links[i]){
return i;
}
}
}
go(0);
</script>
</body>
</html>谁能把这个页面加个传值,就是当点击“房产”“租房”“浦东”“张江高科”每步时可以传出不同的值,并在最后一页加个文本框可以显示出所选择的内容,要用传值实现。最好每一页单独用一种ID来传值
<head>
<title></title>
</head>
<body onload="">
<div id='c'>
<div id='title'>
<ul id='myUL'>
<li style="margin-left: 3px;" class="title_item_selected"><a class="title_item_text_selected" href="#">选择信息类别</a></li>
<li class="title_item"><a class="title_item_text" href="#">选择信息子类别</a></li>
<li class="title_item"><a class="title_item_text" href="#">选择区域</a></li>
<li class="title_item"><a class="title_item_text" href="#">选择街道</a></li>
<li class="title_item"><a class="title_item_text" href="#">填写信息</a></li>
</ul>
</div>
<div id='content'>
<div class='tb'><a href="javascript: go(1);">房产</a><br>汽车<br></div>
<div class='tb'><a href="javascript: go(2);">租房</a><br>二手<br><a href="javascript: go(0);">返回</a> </div>
<div class='tb'><a href="javascript: go(3);">浦东</a><br>浦西<br><a href="javascript: go(1);">返回</a> </div>
<div class='tb'><a href="javascript: go(4);">张江高科</a><br>陆家嘴<br><a href="javascript: go(2);">返回</a> </div>
<div class='tb'>
姓名:<input type="text" /></br>
年龄:<input type="text" /></br>
户籍:<input type="text" /></br>
<a href="javascript: alert('your form will be submitted.');">提交</a>
<a href="javascript: go(3);">返回</a> </div>
</div>
<div id='foot'></div>
</div>
<script>
//var currentPage = 0;
function $(id){return document.getElementById(id)};
var container = $('myUL');
var items = container.getElementsByTagName('li');
var links = container.getElementsByTagName('a');
var contents = $('content').getElementsByTagName('div');
function go(page){
if(page<0 || page>4){
alert('invalid argument');
return;
}
for(var i=0; i<5; i++){
if(i==page){
items[i].className = 'title_item_selected';
links[i].className = 'title_item_text_selected'
contents[i].style.display = '';
links[i].style.cursor = 'default';
links[i].onclick = null;
}
else{
items[i].className = 'title_item';
links[i].className = 'title_item_text';
contents[i].style.display = 'none';
if(i<page){
links[i].onclick = function(){
var n = getPageIndex(this);
go(n);
}
links[i].style.cursor = 'hand';
}
else if(i>page){
links[i].onclick = null;
links[i].style.cursor = 'default';
}
}
}
//currentPage = page;
}
function getPageIndex(node){
for(var i=0; i<5; i++){
if(node==links[i]){
return i;
}
}
}
go(0);
</script>
</body>
</html>谁能把这个页面加个传值,就是当点击“房产”“租房”“浦东”“张江高科”每步时可以传出不同的值,并在最后一页加个文本框可以显示出所选择的内容,要用传值实现。最好每一页单独用一种ID来传值
<head>
<title> </title>
</head>
<body onload="">
<div id='c'>
<div id='title'>
<ul id='myUL'>
<li style="margin-left: 3px;" class="title_item_selected"> <a class="title_item_text_selected" href="#">选择信息类别 </a> </li>
<li class="title_item"> <a class="title_item_text" href="#">选择 信息子类别 </a> </li>
<li class="title_item"> <a class="title_item_text" href="#">选择 区域 </a> </li>
<li class="title_item"> <a class="title_item_text" href="#">选择 街道 </a> </li>
<li class="title_item"> <a class="title_item_text" href="#">填写 信息 </a> </li>
</ul>
</div>
<div id='content'>
<div class='tb'> <a href="javascript:;" onclick="go(1,this)">房产 </a> <br>汽车 <br> </div>
<div class='tb'> <a href="javascript:;" onclick="go(2,this)">租房 </a> <br>二手 <br> <a href="javascript: go(0);">返回 </a> </div>
<div class='tb'> <a href="javascript:;" onclick="go(3,this)">浦东 </a> <br>浦西 <br> <a href="javascript: go(1);">返回 </a> </div>
<div class='tb'> <a href="javascript:;" onclick="go(4,this)">张江高科 </a> <br>陆 家嘴 <br> <a href="javascript: go(2);">返回 </a> </div>
<div class='tb'>
<div id="ch"></div>
姓名: <input type="text" /> </br>
年龄: <input type="text" /> </br>
户籍: <input type="text" /> </br>
<a href="javascript: alert('your form will be submitted.');">提交 </a>
<a href="javascript: go(3);">返回 </a> </div>
</div>
<div id='foot'> </div>
</div>
<script>
//var currentPage = 0;
function $(id){return document.getElementById(id)};
var container = $('myUL');
var items = container.getElementsByTagName('li');
var links = container.getElementsByTagName('a');
var contents = $('content').getElementsByTagName('div');
var arr = new Array();
function go(page,obj){
if(page <0 || page>4){
alert('invalid argument');
return;
}
if(obj){
arr[page-1] = obj.innerText;
}
if(page==4){
$("ch").innerText = arr.join("==>");
}
for(var i=0; i <5; i++){
if(i==page){
items[i].className = 'title_item_selected';
links[i].className = 'title_item_text_selected'
contents[i].style.display = '';
links[i].style.cursor = 'default';
links[i].onclick = null;
}
else{
items[i].className = 'title_item';
links[i].className = 'title_item_text';
contents[i].style.display = 'none';
if(i <page){
links[i].onclick = function(){
var n = getPageIndex(this);
go(n);
}
links[i].style.cursor = 'hand';
}
else if(i>page){
links[i].onclick = null;
links[i].style.cursor = 'default';
}
}
}
//currentPage = page;
}
function getPageIndex(node){
for(var i=0; i <5; i++){
if(node==links[i]){
return i;
}
}
}
go(0);
</script>
</body>
</html>
<html>
<head>
<title> </title>
</head>
<body onload="">
<div id='c'>
<div id='title'>
<ul id='myUL'>
<li style="margin-left: 3px;" class="title_item_selected"> <a
class="title_item_text_selected" href="#">选择信息类别 </a> </li>
<li class="title_item"> <a class="title_item_text" href="#">选择信息子类别 </a> </li>
<li class="title_item"> <a class="title_item_text" href="#">选择区域 </a> </li>
<li class="title_item"> <a class="title_item_text" href="#">选择街道 </a> </li>
<li class="title_item"> <a class="title_item_text" href="#">填写信息 </a> </li>
</ul>
</div>
<div id='content'>
<div class='tb'> <a href="#nogo" onclick="go(1,this)">房产 </a> <br>汽车<br> </div>
<div class='tb'> <a href="#nogo" onclick="go(2,this)">租房 </a> <br>二手<br> <a href="javascript: go(0);">返回 </a> </div>
<div class='tb'> <a href="#nogo" onclick="go(3,this)">浦东 </a> <br>浦西<br> <a href="javascript: go(1);">返回 </a> </div>
<div class='tb'> <a href="#nogo" onclick="go(4,this)">张江高科 </a> <br>陆家嘴 <br> <a href="javascript: go(2);">返回 </a> </div>
<div class='tb'>
姓名: <input type="text" /> </br>
年龄: <input type="text" /> </br>
户籍: <input type="text" /> </br>
<a href="javascript: alert('your form will besubmitted.');">提交 </a>
<a href="javascript: go(3);">返回 </a> </div>
</div>
<div id='foot'> </div>
</div>
<script>
//var currentPage = 0;
function $(id){return document.getElementById(id)};
var container = $('myUL');
var items = container.getElementsByTagName('li');
var links = container.getElementsByTagName('a');
var contents = $('content').getElementsByTagName('div');
var val=[];
function go(page,o){
if(page <0 || page>4){
alert('invalid argument');
return;
}
if (o!=undefined){
//alert(o.innerHTML)
val[page-1]=o.innerHTML
}
for(var i=0; i <5; i++){
if(i==page){
items[i].className = 'title_item_selected';
links[i].className ='title_item_text_selected'
contents[i].style.display = '';
links[i].style.cursor = 'default';
links[i].onclick = null; }
else{
items[i].className = 'title_item';
links[i].className = 'title_item_text';
contents[i].style.display = 'none';
if(i <page){
links[i].onclick = function(){
var n = getPageIndex(this);
go(n);
}
links[i].style.cursor = 'hand';
}
else if(i>page){
links[i].onclick = null;
links[i].style.cursor = 'default';
}
}
}
if (page==contents.length-1){
showVal();
}
//currentPage = page;
} function getPageIndex(node){
for(var i=0; i <5; i++){
if(node==links[i]){
return i;
}
}
}
function showVal(){
alert(val.length)
if (val.length<=0) return false;
for (var i=0;i<val.length;i++){
var input=document.createElement('input')
input.value=val[i]
document.body.appendChild(input)
}
}
go(0);
</script>
</body>
</html>
[/html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
</head>
<body onload="">
<div id='c'>
<div id='title'>
<ul id='myUL'>
<li style="margin-left: 3px;" class="title_item_selected"><a class="title_item_text_selected"
href="#">选择信息类别</a></li>
<li class="title_item"><a class="title_item_text" href="#">选择 信息子类别</a></li>
<li class="title_item"><a class="title_item_text" href="#">选择 区域</a></li>
<li class="title_item"><a class="title_item_text" href="#">选择 街道</a></li>
<li class="title_item"><a class="title_item_text" href="#">填写 信息</a></li>
</ul>
</div>
<div id='content'>
<div class='tb'>
<a href="#" onclick="javascript: go(1);">房产</a>
<br />
汽车
<br />
</div>
<div class='tb'>
<a href="#" onclick="javascript: go(2);">租房</a>
<br />
二手
<br />
<a href="#" onclick="javascript: go(0);">返回</a>
</div>
<div class='tb'>
<a href="#" onclick="javascript: go(3);">浦东</a>
<br />
浦西
<br />
<a href="#" onclick="javascript: go(1);">返回</a>
</div>
<div class='tb'>
<a href="#" onclick="javascript: go(4);">张江高科</a>
<br />
陆 家嘴
<br />
<a href="#" onclick="javascript: go(2);">返回</a>
</div>
<div class='tb'>
Path:
<div id="divPath">
</div>
姓名:
<input type="text" />
<br />
年龄:
<input type="text" />
<br />
户籍:
<input type="text" />
<br />
<a href="#" onclick="javascript: alert('your form will be submitted.');">提交</a>
<a href="#" onclick="javascript: go(3);">返回</a>
</div>
</div>
<div id='foot'>
</div>
</div> <script>
var currentPage = 0;
function $(id) { return document.getElementById(id) }; var container = $('myUL');
var items = container.getElementsByTagName('li');
var links = container.getElementsByTagName('a');
var contents = $('content').getElementsByTagName('div'); // 选择的路径。
var path = new Array(); function go(page) {
if (page < 0 || page > 4) {
alert('invalid argument');
return;
} if (page > currentPage)
path.push(event.srcElement.innerText);
else
path.pop(); $("divPath").innerHTML = path.join(" -> "); for (var i = 0; i < 5; i++) {
if (i == page) {
items[i].className = 'title_item_selected';
links[i].className = 'title_item_text_selected';
contents[i].style.display = '';
links[i].style.cursor = 'default';
links[i].onclick = null;
}
else {
items[i].className = 'title_item';
links[i].className = 'title_item_text';
contents[i].style.display = 'none';
if (i < page) {
links[i].onclick = function() {
var n = getPageIndex(this);
go(n);
}
links[i].style.cursor = 'hand';
}
else if (i > page) {
links[i].onclick = null;
links[i].style.cursor = 'default';
}
}
} currentPage = page;
} function getPageIndex(node) {
for (var i = 0; i < 5; i++) {
if (node == links[i]) {
return i;
}
}
}
go(0);
</script></body>
</html>
第一种是子窗体得到父窗体传值,利用window.opener来访问父窗体中的元素,
比如:window.opener.document.getElementById("XXXX").value;
第二种是父窗体得到子窗体传值,利用window.open来访问子窗体中的元素
eg;
var child =window.open('xxx.html');
child.document.getElementById(XXXX).VALUE=document.getElemtnById('XXXXX').VALUE;;
LZ说的应该是第二种情况吧