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="/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编写的联动选项效果,布布扣,bubuko.com

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

上一篇:[网站部署_01]wordpress建站网页响应速度慢


下一篇:ASP.NET MVC路由(五)