jquery ajax php 二级联动

最新推荐文章于 2024-10-17 14:55:15 发布

万里独行程序猿

最新推荐文章于 2024-10-17 14:55:15 发布

阅读量1.6k

点赞数

分类专栏： ajax jquery技术文章标签： jquery ajax php mysql function xhtml

本文链接：https://blog.csdn.net/tetrisos/article/details/7021567

版权

ajax jquery技术专栏收录该内容

5 篇文章 0 订阅

订阅专栏

 /***********************************
twoLian.php
***********************************/
<!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" />
<title>无标题文档</title>
</head>
<?php
require_once '../conn.php';
?>
<script type="text/javascript" src="jquery-1.7.js"></script>
<script language="javascript">
$(document).ready(function(){
  $("#bTrade").change(function(){                                                                                         //jquery中change()函数
    $("#quote").load("ajaxtwoLian.php?id="+$("#bTrade").val());                                     //jqueryajax中load()函数
  });
});
</script>
<select name="bTrade" id="bTrade">
<option value="-1">——所属行业大类——</option>
<?php
$res1=mysql_query("select * from  tb_productyijitype");
while($row_res=mysql_fetch_array($res1)){
?>
<option value="<?php echo $row_res['tb_other'];?>">——<?php echo $row_res['tb_name'];?>——</option>
<?php
}?>
</select>
<span id="quote">
<select name="sTrade" id="sTrade">
<option value="-2">——行业小类——</option>
</select>
</span>
<body>
</body>
</html>
 
 /***********************************
ajaxtwoLian.php
***********************************/
<?php
require_once '../conn.php';
header("Cache-Control: no-cache"); 
$id=$_GET['id'];
$res=mysql_query("select * from  tb_producttype where other =".$id);
$rt='<select name="sTrade" id="s_trade">';
while($rs=mysql_fetch_array($res)){
$rt.='<option value="'.$rs["id"].'">'.$rs["product_type"].'</option>';
}
$rt.='</select>';
echo $rt;
?>