JavaScript+PHP 应用一:网页制作中双下拉菜单的动态实现[4]

[入库:2005年8月18日] [更新:2007年3月25日]

本文简介:选择自 tttk 的 blog

              obj=createelement("option");

             obj.text=arr_class[i];

              all("smenu").options.add(obj);

         }

     }

}

这样每次显示文档时,php部分将解释为javascript语言,当单击主菜单时,子菜单将自动更新。同样道理,读者可以根据此思路,创造更复杂的多重菜单选项。

最后,笔者简要介绍一下,如何实现在表单提交后,仍然保持菜单项上一次的状态。技巧其实很多,而笔者采用的是隐含变量法。在表单中添加如下代码:

<input type="hidden" name="h1">

<input type="hidden" name="h2">

我们只需要在form表单的onsubmit()事件中给每个隐含变量赋值即可。即:

document.all("h1").value=document.all("mmenu").selectedindex;

document.all("h2").value=document.all("smenu").selectedindex;

为了利用隐含变量,在文档的body的onload()事件中,我们利用php方法(也可用其它方法)来控制菜单的显示:

<?php

     if (!isset($h1)){  //只需要判断$h1

         $h1 = 0;

         $h2 = 0;

     }

     echo "document.all(\"mmenu\").selectedindex=".$h1.";\n\t\t";

本文关键:JavaScript+PHP 应用一:网页制作中双下拉菜单的动态实现
 

本站最佳浏览方式为 分辨率 1024x768 IE 6.0(或更高版本的 IE浏览器)

go top