当前位置:首页 > PHP教程 > php高级应用 > 列表

php+ajax实现select分类二级菜单效果

发布:smiling 来源: PHP粉丝网  添加日期:2014-06-28 15:21:16 浏览: 评论:0 

html代码如下:

  1. <select id="teId" name="te_id" onchange="getArea()"> 
  2.    <option value="1000">--请选择分类--</option> 
  3.       <option value="1">房产知识</option> 
  4.       <option value="8">房屋买卖</option> 
  5.       <option value="16">法律法规</option> 
  6.       <option value="24">银行贷款</option> 
  7.       <option value="31">房产类型</option> 
  8.       <option value="40">装修风水</option> 
  9.       <option value="47">房产经纪</option> 
  10.       <option value="52">其他问题</option> 
  11.       <option value="54">楼盘问答</option> 
  12.      </select> 
  13.   <span id="teTid" ></span> 
  14.   <span></span> 
  15.   <select id="wealth" name="wealth"> 
  16.    <option value="">--请选择悬赏积分--</option> 
  17.    <option value="0">我要给0</option> 
  18.    <option value="5">我要给5</option> 
  19.    <option value="15">我要给15</option> 
  20.    <option value="30">我要给30</option> 
  21.    <option value="50">我要给50</option> 
  22.   </select> 

ajax代码如下:

  1. // 创建ajax引擎 
  2.  function getXmlHttpObject() { 
  3.   var xmlHttpRequest; 
  4.  
  5.   if (window.ActiveXObject) { 
  6.  
  7.    xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
  8.   } else { 
  9.  
  10.   xmlHttpRequest = new XMLHttpRequest(); 
  11.  } 
  12.  
  13.  return xmlHttpRequest; 
  14.  
  15. var myXmlHttpRequest = ""
  16.  
  17. function getArea(){ 
  18.  //alert(ID('teId').value); 
  19.  myXmlHttpRequest = getXmlHttpObject(); 
  20.  // 怎样判断是否可以www.111cn.net 
  21.  if (myXmlHttpRequest) { 
  22.   // post 发送数据 
  23.   var url = "ajax_tiwen.php"
  24.   var date = "teId=" + ID('teId').value; 
  25.  
  26.   myXmlHttpRequest.open("post", url, true); 
  27.  
  28.   myXmlHttpRequest.setRequestHeader("Content-Type""application/x-www-form-urlencoded; charset=utf-8"); 
  29.   myXmlHttpRequest.onreadystatechange = TiWen; 
  30.   myXmlHttpRequest.send(date); 
  31.  } 

php代码如下:

  1. $str = ''
  2. if(!$teamId
  3.  
  4.  $str .= '<select name="te_tid">'
  5.  $str .= ' <option value="1000">--请选择分类--</option>'
  6.  $str .= '</select>'
  7.  echo $str
  8.  exit
  9. else 
  10.  $str .= '<select id="teTid" name="te_tid">'
  11.  $str .= ' <option value="1000">--请选择分类--</option>'
  12.  foreach($teamId as $v
  13.  { 
  14.   $str .= '<option value="'.$v['id'].'">'.$v['tname'].'</option>'
  15.  } 
  16.  $str .= '</select>'
  17.  echo $str

Tags: php+ajax select分类 二级菜单

分享到: