想实现当前页面分类刷新,怎么弄

<input name="Area" type="radio" id="Area" value="东部">东部
<input name="Area" type="radio" id="Area" value="西部">西部
选择上面某一个单选后,出现下面相对应的下来列表:(如选择了东部后就只显示出下面的东部城市和东部人文)
<select name="calalog" id="calalog">
<option value="请选择">请选择</option>
<option value="东部城市">东部城市</option>
<option value="东部人文">东部人文</option>
<option value="西部城市">西部城市</option>
<option value="西部人文">西部人文</option>
</select>
-------------------
这个要怎么处理,望各位指点,小弟一直在线.

解决方案 »

  1.   

    这个select可不可以动态加载option呀!不可以的话哪只有用js过滤option了
      

  2.   

    <html>
    <head>
    <script type="text/javascript">
    function favFruit()
    {
    var mylist=document.getElementById("myList")
    document.getElementById("favorite").value=mylist.options[mylist.selectedIndex].text
    }
    </script>
    </head><body>
    <form>
    选择你最喜欢的水果：
    <select id="myList" onchange="favFruit()">
      <option>苹果</option>
      <option>香蕉</option>
      <option>西瓜</option>
    </select>
    <p>你最喜欢的水果是：<input type="text" id="favorite" size="20"></p>
    </form>
    </body></html>
    记得给分！
      

  3.   

    <!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><input name="Area" type="radio" id="Area" value="0" onclick="chang()" checked>东部 
    <input name="Area" type="radio" id="Area" value="1" onclick="chang()">西部 
    <br>
    选择上面某一个单选后,出现下面相对应的下来列表:(如选择了东部后就只显示出下面的东部城市和东部人文) 
    <select name="calalog" id="calalog"> 
    <option value="请选择">-=请选择=-</option>
    </select> 
    <SCRIPT LANGUAGE="JavaScript">
    <!--
     var data = {"0":["东部城市","东部人文"],"1":["西部城市","西部人文"]} ;function chang(){
    var _select = document.getElementById("calalog");
    var radios = document.getElementsByName("Area") ;
    var length = radios.length ;
    var tmp ;
     for(var i = 0 ;i<length ;i++ ){
    if(radios[i].checked){
    tmp = radios[i].value ;
    break;
    }
     }
    if(tmp == null){
    tmp = "0"
     }
     var a = eval(data[tmp]) ;

     _select.options.length = null ;
    for(var i = 0 ;i<a.length ;i++ ){
    _select.options.add(new Option(a[i],a[i]));
    }
     
    }
    chang();
    //-->
    </SCRIPT>
    </BODY>
    </HTML>
      

  4.   

    a.asp 
    <input name="test" type="text" id="test">  
    <script language="javascript"> 
    function add(){ 
    window.open("b.asp","selimg","width=450,height=500") 
    } 
    </script> 
    <a href="javascript:add()">测试 </a> 
    b.asp 
    <SCRIPT language=JavaScript> function settest(){ 
    opener.document.all['test'].value = "test"; 
            self.close(); 
    } 
    </script> 
    <a href="#" onclick="settest();">go </a>