PHP网站制作之javascript＋PHP 使用一：网页制造...

你的确对PHP有兴趣，那么选择教材也是很重要的。菜单|静态|网页|下拉   JavaScript＋PHP 使用一：网页制造中双下拉菜单的静态完成

---摘自互联网

在网页制造中，经常碰到这类情形，经由过程主下拉菜单的选择，静态的生成子下拉菜单。例如：在主菜单中有“核心旧事”、“生涯时髦”、“心境故事”三个选项，经由过程“核心旧事”的选择，子菜单主动生成如“国际”、“国际”、“体育”、“文娱”，依此类推。

使用javascript，咱们可以轻松完成上述后果。但成绩是，假如菜单中的选项是从数据库（或其他文件）中静态提取，完成起来就并非垂手可得的了。笔者依据本人的实践经历，向人人引见一种使用javascript ＋ php的完成办法，文中的数据库采取mysql。在本例中，笔者还将引见在每次表单提交以后，若何前往上一次菜单选项的选择形态。

文章中所引见的php的感化，一是用来从数据库中提取菜单选项，另外一感化，就是用来生成javascript代码。读者可以采取本人熟习的注释型言语，如asp。

为了简化代码，笔者假定主菜单已经由过程html机关，因为子菜单需求静态设计，所以只绘制了根基框架，html代码以下：

<select name="mmenu" onchange="java script:setmenu()"> //主菜单设计

<option value="a">核心旧事</option>

<option value="b">生涯时髦</option>

<option value="c">心境故事</option>

//value必需与下文的menu数组相分歧

</select>

<select name="smenu"> //子菜单设计

</select>

咱们需求思索的是，菜单的onchange()事务需求完成哪些步调。其大致进程是，依据主菜单的选项，机关子菜单项目。而子菜单的项目文字最功德先设定。依据这个思绪，笔者采取了javascript中的结合数组纪录子菜单选项，并由php在加载时主动生成。由此，笔者设计了以下的javascript函数setmenu()：

function setmenu(){

menu=array("a","b","c"); //机关menu结合数组

<?php //入手下手php法式

$db = new my_db();

$db->database = "***"; //机关新的mysql毗连，这里利用了phplib

$mmenu = array("a","b","c"); //这里笔者作了简化

for ($i=0;$i<count($mmenu);$i++){

$id = $mmenu[$i];

$db->query("select menu from class where menuid ='".$id."'");

//假定菜单选项寄存在class表的menu字段，menuid用来标识menu

while ($db->next_record()){

$smenu[] = """.$db->f("menu").""";

}

if (isset($smenu) && is_array($smenu)){

$str = implode(",",$smenu);

echo "menu["$id"] =array($str);ntt";

//完成menu结合数组的填充

unset($smenu); //删除smenu变量

}

}

?> //停止php法式

with (document) {

id=all("mmenu").value; //取得主菜单的value值

arr_menu=menu[id];

for(i=all("smenu").options.length;i>=0;i--){

all("smenu").options.remove(i); //需求排除原本的项目

}

if (arr_menu.length==0){

return;

}

for(i=0;i<arr_menu.length;i++){

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.";ntt";

echo "document.all("mmenu").click();ntt";

echo "document.all("mmenu").selectedindex=".$h1.";ntt";

echo "document.all("smenu").selectedindex=".$h2;

?>

至此，咱们已完成双下拉菜单的静态完成办法。
  怎么培养啊 别光说不练啊，好 ，比如新人入门自己步是配置环境，虽然现在都有很多的集成环境，但是真实的体验下配置环境还是会有很多帮助，不论是你以后工作还是在真实的linux下开发。