如何在框架间传递请求？

a.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head><body>
<table width="100%" border="0">
  <tr align="center">
    <td width="50%"><form name="form1">
        <select name="menu1" onChange="window.frames['b'].chanagelist(this.value)">
          <option value="1">美国</option>
<option value="2">朝鲜</option>
<option selected value="3">中国</option>
        </select>
      </form></td>
    <td>
<iframe id="b" name="b" src="b.htm" frameborder="0" width="100%" height="100%"></iframe>
</td>
  </tr>
</table></body>
</html>
--------------------------
b.htm<script>
var nowid=0;
function chanagelist(id)
{
if(nowid){
eval("document.all.div"+nowid+".style.display='none'")
}
nowid=id;
eval("document.all.div"+nowid+".style.display=''")
//document.all.3.style.display=''}
</script>
<div id="div1" style="display:none">
        <select name="menu1">
          <option value="1">城市A</option>
<option  value="2">朝鲜</option>
<option selected value="3">城市B</option>
        </select>
</div>
<div id="div2" style="display:none">
        <select name="menu1">
          <option value="1">城市C</option>
<option selected value="2">城市D</option>
        </select>
</div>
<div id="div3" style="display:none">
        <select name="menu1">
          <option value="1">北京</option>
<option selected value="2">上海</option>
        </select>
</div>

解决方案 »

  1.   

    index.htm
    <html><head>
    <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
    <title>新建网页 2</title>
    </head><frameset cols="479,*">
      <frame name="contents" target="main" src="left.htm">
      <frame name="main" src="right.htm">
      <noframes>
      <body>  <p>此网页使用了框架，但您的浏览器不支持框架。</p>  </body>
      </noframes>
    </frameset></html>left.htm
    <script>
    function show_r()
    {
    if(document.f_l.l.value=="中国")
    {
    var temp="北京，上海";
    parent.main.r.innerHTML+=temp;
    }
    else if(document.f_l.l.value=="美国")
    {}}</script>
    <html><head>
    <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 3</title>
    <base target="main">
    </head><body><form name=f_l method="POST" action="--WEBBOT-SELF--">
      <select size="4" name="l" multiple onclick="show_r()">
      <option selected value="中国">中国</option>
      <option value="美国">美国</option>
      </select></p>
    </form></body></html>right.htm<html><head>
    <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 4</title>
    </head><body>
    <span id=r></span></body></html>
      

  2.   

    function show_r()
    {
    if(document.f_l.l.value=="中国")
    {
    var temp="北京，上海";
    parent.main.r.innerHTML=temp;
    }
    else if(document.f_l.l.value=="美国")
    {
    var temp="纽约，华盛顿";
    parent.main.r.innerHTML=temp;
    }}
      

  3.   

    frame.htm
    -----------------------------------------------------------------------
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD>
    <frameset cols="50%,*">
    <frame name="leftFrame" src="left.htm">
    <frame name="rightFrame" src="right.htm">
    </frameset>
    </HTML>left.htm
    ---------------------------------------------------------
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD>
    <BODY>
    <select id="country" onchange="parent.frames['rightFrame'].ChangeOptions(this.options[this.selectedIndex].id)">
    <option id="China">&Ouml;&ETH;&sup1;ú</option>
    <option id="America">&Atilde;&Agrave;&sup1;ú</option>
    <option id="Korea">&sup3;&macr;&Iuml;&Ecirc;</option>
    </select>
    </BODY>
    </HTML>right.htm
    --------------------------------------------------------------
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD>
    <script>
    var ChinaOptions = new Array("±±&frac34;&copy;", "&Eacute;&Iuml;&ordm;&pound;", "&Eacute;&icirc;&Ucirc;&Uacute;");
    var AmericaOptions = new Array("&Aring;&brvbar;&Ocirc;&frac14;", "&raquo;&ordf;&Ecirc;&cent;&para;&Ugrave;", "&frac14;&Oacute;&Ouml;&Yacute;");
    var KoreaOptions = new Array("&AElig;&frac12;&Egrave;&Agrave;", "&iquest;&ordf;&sup3;&Ccedil;", "&Auml;&Iuml;&AElig;&Ouml;");function ChangeOptions(country)
    {
      var objSelect = document.getElementById("state");
      objSelect.options.length = 0;  var SelectOptions = null;  switch (country)
      {
        case "":
          break;
        
        case "China":
          SelectOptions = ChinaOptions;
          break;
        
        case "America":
          SelectOptions = AmericaOptions;
          break;
        
        case "Korea":
          SelectOptions = KoreaOptions;
          break;
      }  if (SelectOptions)
      {
        for (var i=0; i<SelectOptions.length; i++)
        {
          objSelect.options[objSelect.options.length] = new Option(SelectOptions[i], SelectOptions[i]);
        }
      }
    }</script><BODY>
    <select id="state">
    </select>
    </BODY>
    </HTML>
      

  4.   

    怎么在Netscape里不能运行啊?如果我点左边框架里list的某一项，它会刷新右边框架，该怎么实现？