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编写的联动选项效果

最新文章

热门文章