php+ajax实现select分类二级菜单效果
php+ajax
Secondary menu
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>
Copy after login
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); } }
Copy after login
php代码如下:
<?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; } ?>
Copy after login
永久地址:
转载随意~请带上教程地址吧^^
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article
What's New in Windows 11 KB5054979 & How to Fix Update Issues
4 weeks ago
By DDD
How to fix KB5055523 fails to install in Windows 11?
3 weeks ago
By DDD
How to fix KB5055518 fails to install in Windows 10?
3 weeks ago
By DDD
Strength Levels for Every Enemy & Monster in R.E.P.O.
3 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
Blue Prince: How To Get To The Basement
3 weeks ago
By DDD

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)
