html部分：
<pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="/css/dmcx.css"/>
<link type="text/css" rel="stylesheet" href="/css/duoxuan1.css"/>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/cxjl.js"></script>
<script type="text/javascript" src="/js/jquery_duoxuan1.js"></script>
<title>MYTITLE</title>
</head>
<body bgcolor="#fff">
<div id="div">
<div align="center" id="div2" >
<form id="form1" method="post" action="/Dyjsdp/dyjsdp">
<select id="college">
<option>---请选择学院---</option>
</select>
<select id="major">
<option>---请选择专业---</option>
</select>
<input type="submit" value="查询"/>
</form>
</div>
</body> </html>
jquery部分：
<script type="text/javascript">
$(document).ready(function(){
//联动下拉菜单
$("#college").load("/dyjsdp/college");
$("#college").change(function(){
$("#major").load("/dyjsdp/major","college="+$(this).val());
});
$("#major").change(function(){
$("#classes").load("/dyjsdp/class","major="+$(this).val());
});
});
</script>
zend framework部分：
//学院联动
public function collegeAction(){
//header("Content-Type:text/html;charset=utf-8");
header("Cache-Control:no-cache");
$colleges=new College();
$res=$colleges->fetchAll();
echo "<option>--请选择学院--</option>";
foreach ($res as $college){
echo "<option>".$college['name']."</option>";
}
exit();
}
//专业联动
public function majorAction(){
//header("Content-Type:text/xml;charset=utf-8");
header("Cache-Control:no-cache");
$college=$this->getRequest()->getParam("college");
//file_put_contents("G:/php/myenv/mylog.log",$college);
$majors=new Major();
$db=$majors->getAdapter();
$sql=$db->quoteInto("select m.name from college c,major m where c.id=m.college_id and c.name=?", $college);
$res=$db->query($sql)->fetchAll();
echo "<option>---请选择专业---</option>";
foreach ($res as $major){
echo "<option>".$major['name']."</option>";
}
exit();
}
jquery与zend framework编写的联动选项效果
时间： 2024-10-10 19:58:04