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

html代码

代码如下

复制代码

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

ajax代码

代码如下

复制代码

// 创建ajax引擎
function getXmlHttpObject() {
var xmlHttpRequest;

if (window.ActiveXObject) {

xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
} else {

xmlHttpRequest = new XMLHttpRequest();
}

return xmlHttpRequest;
}

var myXmlHttpRequest = "";

function getArea(){
//alert(ID('teId').value);
myXmlHttpRequest = getXmlHttpObject();
// 怎样判断是否可以www.111cn.net
if (myXmlHttpRequest) {
  // post 发送数据
  var url = "ajax_tiwen.php";
  var date = "teId=" + ID('teId').value;

  myXmlHttpRequest.open("post", url, true);

  myXmlHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=utf-8");
  myXmlHttpRequest.onreadystatechange = TiWen;
  myXmlHttpRequest.send(date);
}
}

php代码

代码如下

复制代码

$str = '';
if(!$teamId)
{

$str .= '<select name="te_tid">';
$str .= ' <option value="1000">--请选择分类--</option>';
$str .= '</select>';
echo $str;
exit;
}
else
{
$str .= '<select id="teTid" name="te_tid">';
$str .= ' <option value="1000">--请选择分类--</option>';
foreach($teamId as $v)
{
$str .= '<option value="'.$v['id'].'">'.$v['tname'].'</option>';
}
$str .= '</select>';
echo $str;
}

本站原创教程：转载注明来源 http://www.111cn.net 否则后果自负

时间： 2024-10-02 11:09:13

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

php+ajax实现select分类二级菜单效果的相关文章

JavaWeb开发之使用jQuery与Ajax实现动态联级菜单效果_java

jquery实现像栅栏一样左右滑出式二级菜单效果代码_jquery

基于jQuery实现的向下滑动二级菜单效果代码_jquery

jQuery模仿京东/天猫商品左侧分类导航菜单效果_jquery

jquery实现的简单二级菜单效果代码_jquery

jQuery实现向下滑出的二级菜单效果实例_jquery

Dedecms织梦栏目分类实现二级菜单效果

Ajax和JSON完成二级菜单联动的功能

横向javascript下拉二级菜单效果