|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
你的确对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下开发。 |
|