首页 > 代码库 > jquery与zend framework编写的联动选项效果

jquery与zend framework编写的联动选项效果

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=http://www.mamicode.com/"/css/dmcx.css"/>>
</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();
    }