动态级联

　　使用jquery实现动态级联。

首先是两个下拉框：

　　select name="name1" onchange="check(this)"><!--当这个下拉框改变时调用check函数-->
  　　　　<option value="请选择">请选择</option>
  　　　　<?php
   　　　　$sql = "select * from name where fid=0";
　　　　　$array = baseDao::executeQuery($sql);
 　　　　　foreach($array as $item){
 　　　　　echo "<option value=\"$item[id]\">".$item[name]."</option>";
 　　　　　}
  　　　　?>
  　</select>
  　<select name="name2" id="c">
　　　　<option value="请选择" id="请选择">请选择</option>
  </select>

然后是js函数check:

<script type="text/javascript" src="jquery-1.2.1.pack.js"></script>
<script language="JavaScript" type="text/javascript">
　　function check(se){
　　　　if(se.value>0){
 　　　　　　sid=se.value;
 　　　　　　$.post("2.php", {id: sid}, function(data){//使用post传参id,data为返回的值
    　　　　　$("#c").empty();
    　　　　　$("#c").append(data);
   　　　　　});
　　　　　}
　　}
</script>

2.php 返回data值：

<?php

include_once("include/conn.php");//这个php是我连接数据库的

$id = $_POST[id];
$sql = "select * from name where fid =$id";

$result = mysql_query($sql);
$array = array();
while ($item = mysql_fetch_array($result,MYSQL_ASSOC)) {
array_push($array,$item);
}
foreach($array as $item){
?>
 <option value=<?php echo $item[id]?>><?php echo $item[name]?></option>
<?php
}
?>

感觉jquery真的很好用。。