怎样用javacript调用刷新功能？


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0032)http://www.ie-zone.com/index.php -->
<HTML>
<!-- #BeginTemplate "/Templates/Js.dwt" --> 
<HEAD>
<!-- #BeginEditable "doctitle" --> 
<TITLE>双选择关联菜单</TITLE>
<!-- #EndEditable --> 
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<LINK  href="../../fav.ico" rel="shortcut icon"></STYLE>
<SCRIPT language=JavaScript>
<!--function MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
function JM_cc(ob){
var obj=MM_findObj(ob); if (obj) { 
obj.select();js=obj.createTextRange();js.execCommand("Copy");}
}function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}
//-->
</SCRIPT>
<META content="MSHTML 5.50.4134.600" name=GENERATOR>
</HEAD>
<BODY id=all text=#000000 bgColor=#336699>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TR bgColor=#ffffff> 
    <TD><IMG src="../images/sq_1.gif" width=11 height="14"></TD>
    <TD width="100%"></TD>
    <TD><IMG src="../images/sq_2.gif"    width=11 height="14"></TD>
  </TR>
</TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TR bgColor=#ffffff> 
    <TD><IMG src="../../images/space.gif" width=11 height="1"></TD>
    <TD width="100%"> 
      <table width="100%" border="0" cellpadding="8">
        <tr> 
          <td align="center"> 
            <script language="JavaScript">
document.write("<font color=#7d070c style=\"font-size: 14px\">"+document.title+"</font>");
</script>
          </td>
        </tr>
        <tr> 
          <td bgcolor="#f7f7f7"><!-- #BeginEditable "example" -->
            <form name="doublecombo">
              <p>
                <select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
                  <option>国外JavaScript技术网站</option>
                  <option>国内JavaScript技术网站</option>
                  <option>国外的著名搜索引擎</option>
                </select>
                <select name="stage2" size="1">
                  <option value="../../../wsabstract.com/index.html">Website Abstraction</option>
                  <option value="../../../www.dynamicdrive.com/index.html">Dynamicdrive.com</option>
                  <option value="../../../javascript.internet.com/index.html">JavaScript</option>
                </select>
                <input type="button" name="test" value="Go!" onClick="go()">
              </p>
              <script>
<!--/*
Double Combo Script Credit
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScripts here!
*/var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()group[0][0]=new Option("Website Abstraction","http://wsabstract.com")
group[0][1]=new Option("Dynamicdrive.com","http://www.dynamicdrive.com")
group[0][2]=new Option("JavaScript","http://javascript.internet.com")group[1][0]=new Option("万旭JavaScript仓库","http://www.wanxu.com")
group[1][1]=new Option("JavaScript2000","http://www.javascript2000.com")
group[1][2]=new Option("无忧脚本","http://www.51js.com")group[2][0]=new Option("Hotbot","http://www.hotbot.com")
group[2][1]=new Option("Infoseek","http://www.infoseek.com")
group[2][2]=new Option("Excite","http://www.excite.com")
group[2][3]=new Option("Lycos","http://www.lycos.com")var temp=document.doublecombo.stage2function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script>
            </form>
            <!-- #EndEditable --></td>
        </tr>
        <tr> 
          <td><!-- #BeginEditable "code" -->1.将下面的代码复制到 &lt;body&gt;内 
            <input type="button" name="Button" value="复制到我的剪贴板" onClick=JM_cc('js_1')>
            <br>
            <form name="form1" method="post" action="">
              <textarea name="js_1" wrap="VIRTUAL" cols="80" rows="10">&lt;form name=&quot;doublecombo&quot;&gt;
&lt;p&gt;
&lt;select name=&quot;example&quot; size=&quot;1&quot; onChange=&quot;redirect(this.options.selectedIndex)&quot;&gt;
&lt;option&gt;国外JavaScript技术网站&lt;/option&gt;
&lt;option&gt;国内JavaScript技术网站&lt;/option&gt;
&lt;option&gt;国外的著名搜索引擎&lt;/option&gt;
&lt;/select&gt;
&lt;select name=&quot;stage2&quot; size=&quot;1&quot;&gt;
&lt;option value=&quot;http://wsabstract.com&quot;&gt;Website Abstraction&lt;/option&gt;
&lt;option value=&quot;http://www.dynamicdrive.com&quot;&gt;Dynamicdrive.com&lt;/option&gt;
&lt;option value=&quot;http://javascript.internet.com&quot;&gt;JavaScript&lt;/option&gt;
&lt;/select&gt;
&lt;input type=&quot;button&quot; name=&quot;test&quot; value=&quot;Go!&quot;
onClick=&quot;go()&quot;&gt;
&lt;/p&gt;
&lt;script&gt;
&lt;!--
/*
  Double Combo Script Credit
  By Website Abstraction (www.wsabstract.com)
  Over 200+ free JavaScripts here!
  */
var groups=document.doublecombo.example.options.length
  var group=new Array(groups)
  for (i=0; i&lt;groups; i++)
  group[i]=new Array()
group[0][0]=new Option(&quot;Website Abstraction&quot;,&quot;http://wsabstract.com&quot;)
  group[0][1]=new Option(&quot;Dynamicdrive.com&quot;,&quot;http://www.dynamicdrive.com&quot;)
  group[0][2]=new Option(&quot;JavaScript&quot;,&quot;http://javascript.internet.com&quot;)
group[1][0]=new Option(&quot;万旭JavaScript仓库&quot;,&quot;http://www.wanxu.com&quot;)
  group[1][1]=new Option(&quot;JavaScript2000&quot;,&quot;http://www.javascript2000.com&quot;)
  group[1][2]=new Option(&quot;无忧脚本&quot;,&quot;http://www.51js.com&quot;)
group[2][0]=new Option(&quot;Hotbot&quot;,&quot;http://www.hotbot.com&quot;)
  group[2][1]=new Option(&quot;Infoseek&quot;,&quot;http://www.infoseek.com&quot;)
  group[2][2]=new Option(&quot;Excite&quot;,&quot;http://www.excite.com&quot;)
  group[2][3]=new Option(&quot;Lycos&quot;,&quot;http://www.lycos.com&quot;)
var temp=document.doublecombo.stage2
function redirect(x){
  for (m=temp.options.length-1;m&gt;0;m--)
  temp.options[m]=null
  for (i=0;i&lt;group[x].length;i++){
  temp.options[i]=new Option(group[x][i].text,group[x][i].value)
  }
  temp.options[0].selected=true
  }
function go(){
  location=temp.options[temp.selectedIndex].value
  }
  //--&gt;
  &lt;/script&gt;
  &lt;/form&gt;</textarea>
            </form>
            <!-- #EndEditable --></td>
        </tr>
      </table>
    </TD>
    <TD><IMG src="../../images/space.gif"    width=11 height="1"></TD>
  </TR>
</TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TR bgColor=#ffffff> 
    <TD><IMG src="../images/sq_3.gif" width=11 height="14"></TD>
    <TD width="100%"></TD>
    <TD><IMG src="../images/sq_4.gif"    width=11 height="14"></TD>
  </TR>
</TABLE>
</BODY>
<!-- #EndTemplate -->
</HTML>
联动菜单

解决方案 »

  1.   

    主要还是xhr(XmlHttpRequest)对象的应用！
    有很多现成的ajax框架可以直接用，比如prototype.js
      

  2.   

    可以
    谢谢
    [email protected]
    上面的例子，虽然可以实现，但是我想连接数据库来显示不同的内容
      

  3.   

    刚才的例子，只能实现单向的联动，如果我想实现相互的联动就不好办了，其实我只要知道怎样用js调用刷新功能就可实现，哪一位知道？我对js一窍不通，请各位指点
      

  4.   

    你可以用javascript去调用后台函数，如果是C#的话，我还知道，如果是php的话，到底该怎么写我就不清楚了，那么后台程序连接数据库就轻而易举了
      

  5.   

    js调用后台怎么调？有没有例子，我对js一窍不通，你说的jsp后台应该是用java编的吧，可否再详细点，谢谢了！
      

  6.   

    override protected void OnInit(EventArgs e)
    {
    this.txtEmployeeID.Attributes.Add("onkeypress","if(event.keyCode == 13){" + Page.GetPostBackEventReference(btnLoad) + "; return false;}");
    InitializeComponent();
    base.OnInit(e);
    }
      

  7.   

    this.txtEmployeeID.Attributes.Add("onkeypress","if(event.keyCode == 13){" + Page.GetPostBackEventReference(btnLoad) + "; return false;}");这句话就是C#里面从javascript调用后台函数的，btnLoad是后台函数
      

  8.   

    this.txtEmployeeID.Attributes.Add("onkeypress","if(event.keyCode == 13){" + Page.GetPostBackEventReference(btnLoad) + "; return false;}");你可以把onkeypress改成你的onchange（）   
    txtEmployeeID是你的控件名
    其余的你可以改改