Maison php教程 php手册 php+ajax实现select分类二级菜单效果

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

May 25, 2016 pm 04:45 PM
php+ajax Menu secondaire

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>
Copier après la connexion

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(&#39;teId&#39;).value);
    myXmlHttpRequest = getXmlHttpObject();
    // 怎样判断是否可以www.111cn.net
    if (myXmlHttpRequest) {
        // post 发送数据
        var url = "ajax_tiwen.php";
        var date = "teId=" + ID(&#39;teId&#39;).value;
        myXmlHttpRequest.open("post", url, true);
        myXmlHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=utf-8");
        myXmlHttpRequest.onreadystatechange = TiWen;
        myXmlHttpRequest.send(date);
    }
}
Copier après la connexion

php代码如下:

<?php
$str = &#39;&#39;;
if (!$teamId) {
    $str.= &#39;<select name="te_tid">&#39;;
    $str.= &#39; <option value="1000">--请选择分类--</option>&#39;;
    $str.= &#39;</select>&#39;;
    echo $str;
    exit;
} else {
    $str.= &#39;<select id="teTid" name="te_tid">&#39;;
    $str.= &#39; <option value="1000">--请选择分类--</option>&#39;;
    foreach ($teamId as $v) {
        $str.= &#39;<option value="&#39; . $v[&#39;id&#39;] . &#39;">&#39; . $v[&#39;tname&#39;] . &#39;</option>&#39;;
    }
    $str.= &#39;</select>&#39;;
    echo $str;
}
?>
Copier après la connexion


永久地址:

转载随意~请带上教程地址吧^^

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)