利用jQuery,简化二级联动菜单制作步骤
时间:2008-12-11
来源:互联网
在做 discuz二次开发的时候,分离出的一小块代码,标颜色的地方是需要注意的。
1>利用jQuery,简化二级联动菜单制作步骤
2>要处理的地方写入一下代码
<script src="../admin/js/jquery/jquery-1.2.6.js" type="text/javascript"></script>
<script language="javascript">
$(
function(){
$("#collegeid").change(
function(){
$("#professional").load("plugins/mycollege/mycollege_select.inc.php?collegeid="+$("#collegeid").val());
}
);
}
);
</script>
//注意以下地方,所有的标签的名字是以id为标准
<select name="collegeid" id="collegeid">
<option value="0">请选择院系</option>
<!--{loop $all_colleges $college}-->
<option value="$college['id']">$college['name']</option>
<!--{/loop}-->
</select>
//这地方的span标签可以换成div
<span id="professional">
<select name="professionalid" id="professionalid">
<option value="0">请选择专业</option>
</select>
</span>
3>Load 的那个文件输出的就是一个文件
<?php
require_once '../../include/common.inc.php';
require_once 'mycollege.function.php';
//判断用户是否登录
if (!$discuz_uid)
{
showmessage('not_loggedin', 'logging.php?action=login');
}
//这里面就是我自己的一些数据库操作,根据情况换成自己的数据操作
$collegeid=intval($collegeid);
$professionallist=getProfessionallist($collegeid);
header("Cache-Control: no-cache");
$str="<select name='professionalid' id='professionalid'> <option value='0'>请选择专业</option>";
if (!empty($professionallist)){
foreach($professionallist as $value)
{
$str.='<option value="'.$value["id"].'">'.$value["name"].'</option>';
}
}
$str.='</select>';
echo $str;
?>
1>利用jQuery,简化二级联动菜单制作步骤
2>要处理的地方写入一下代码
<script src="../admin/js/jquery/jquery-1.2.6.js" type="text/javascript"></script>
<script language="javascript">
$(
function(){
$("#collegeid").change(
function(){
$("#professional").load("plugins/mycollege/mycollege_select.inc.php?collegeid="+$("#collegeid").val());
}
);
}
);
</script>
//注意以下地方,所有的标签的名字是以id为标准
<select name="collegeid" id="collegeid">
<option value="0">请选择院系</option>
<!--{loop $all_colleges $college}-->
<option value="$college['id']">$college['name']</option>
<!--{/loop}-->
</select>
//这地方的span标签可以换成div
<span id="professional">
<select name="professionalid" id="professionalid">
<option value="0">请选择专业</option>
</select>
</span>
3>Load 的那个文件输出的就是一个文件
<?php
require_once '../../include/common.inc.php';
require_once 'mycollege.function.php';
//判断用户是否登录
if (!$discuz_uid)
{
showmessage('not_loggedin', 'logging.php?action=login');
}
//这里面就是我自己的一些数据库操作,根据情况换成自己的数据操作
$collegeid=intval($collegeid);
$professionallist=getProfessionallist($collegeid);
header("Cache-Control: no-cache");
$str="<select name='professionalid' id='professionalid'> <option value='0'>请选择专业</option>";
if (!empty($professionallist)){
foreach($professionallist as $value)
{
$str.='<option value="'.$value["id"].'">'.$value["name"].'</option>';
}
}
$str.='</select>';
echo $str;
?>
作者: lei0535 发布时间: 2008-12-11

作者: 妖夜荒踪 发布时间: 2008-12-11
能不能讲解一下啊 ...........
作者: 0hudu 发布时间: 2008-12-11
感觉好像不错.
作者: cnlisten 发布时间: 2009-04-15
帮了我的大忙了 谢谢!
作者: baigujia 发布时间: 2009-04-16

作者: huihui870511 发布时间: 2009-04-25
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28