Table des matières
回复内容:
Maison développement back-end tutoriel php javascript - 关于thinkphp 与 ajax 实现二级联动下拉列表

javascript - 关于thinkphp 与 ajax 实现二级联动下拉列表

Jun 06, 2016 pm 08:14 PM
html javascript php

表的结构
cId 分类id
cName 分类名称
gid 父级id
这是我的HTML页面

<code>               <volist name="rs" id="val">
                   <option value="{$val.cId}">{$val.cName}</option>                      
                   </volist>
           
           <select name="lable" id="lables">
                               
           </select></code>
Copier après la connexion
Copier après la connexion

ajax代码
<script><br>$('#gType').click(function(){</script>

<code>$(this).change(function(){
    var objectModel = {};
    var   value = $(this).val();
   var   type = $(this).attr('id');
    objectModel[gType] =value;
    $.ajax({
        cache:false,
        type:"POST",
        url:"__APP__/Goods/goodsAdd",
        dataType:"json",
        data:objectModel,
        timeout:30000,
        success:function(data){
            $("#lables").empty();
            var count = data.length;
            var i = 0;
            var b="";
               for(i=0;i<count b value='"+data[i].cId+"'>"+data[i].cName+"";
               }
            $("#lables").append(b);
        }
    });
   });</count></code>
Copier après la connexion
Copier après la connexion

}
);


thinkphp接收页面
public function goodsAdd(){

<code>    $model=M("category");        
    $rs=$model->where("pid=0")->select();
    $this->assign("rs",$rs);
    $this->display();
    $result = array();
    $cate =$_POST['gType'];
    var_dump($cate);
    $result = M('category')->where(array('pid'=> $cate))->field('cId,cName')->select();
    var_dump($result);
    $this->ajaxReturn($result,"JSON");
    
    
}</code>
Copier après la connexion
Copier après la connexion

请问哪里出错了 ajax刚接触

回复内容:

表的结构
cId 分类id
cName 分类名称
gid 父级id
这是我的HTML页面

<code>               <volist name="rs" id="val">
                   <option value="{$val.cId}">{$val.cName}</option>                      
                   </volist>
           
           <select name="lable" id="lables">
                               
           </select></code>
Copier après la connexion
Copier après la connexion

ajax代码
<script><br>$('#gType').click(function(){</script>

<code>$(this).change(function(){
    var objectModel = {};
    var   value = $(this).val();
   var   type = $(this).attr('id');
    objectModel[gType] =value;
    $.ajax({
        cache:false,
        type:"POST",
        url:"__APP__/Goods/goodsAdd",
        dataType:"json",
        data:objectModel,
        timeout:30000,
        success:function(data){
            $("#lables").empty();
            var count = data.length;
            var i = 0;
            var b="";
               for(i=0;i<count b value='"+data[i].cId+"'>"+data[i].cName+"";
               }
            $("#lables").append(b);
        }
    });
   });</count></code>
Copier après la connexion
Copier après la connexion

}
);


thinkphp接收页面
public function goodsAdd(){

<code>    $model=M("category");        
    $rs=$model->where("pid=0")->select();
    $this->assign("rs",$rs);
    $this->display();
    $result = array();
    $cate =$_POST['gType'];
    var_dump($cate);
    $result = M('category')->where(array('pid'=> $cate))->field('cId,cName')->select();
    var_dump($result);
    $this->ajaxReturn($result,"JSON");
    
    
}</code>
Copier après la connexion
Copier après la connexion

请问哪里出错了 ajax刚接触

PHP代码段你原来正常的是怎样的?怎么又有display又有ajaxReturn的。。

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
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
4 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)

Configuration du projet CakePHP Configuration du projet CakePHP Sep 10, 2024 pm 05:25 PM

Dans ce chapitre, nous comprendrons les variables d'environnement, la configuration générale, la configuration de la base de données et la configuration de la messagerie dans CakePHP.

Guide d'installation et de mise à niveau de PHP 8.4 pour Ubuntu et Debian Guide d'installation et de mise à niveau de PHP 8.4 pour Ubuntu et Debian Dec 24, 2024 pm 04:42 PM

PHP 8.4 apporte plusieurs nouvelles fonctionnalités, améliorations de sécurité et de performances avec une bonne quantité de dépréciations et de suppressions de fonctionnalités. Ce guide explique comment installer PHP 8.4 ou mettre à niveau vers PHP 8.4 sur Ubuntu, Debian ou leurs dérivés. Bien qu'il soit possible de compiler PHP à partir des sources, son installation à partir d'un référentiel APT comme expliqué ci-dessous est souvent plus rapide et plus sécurisée car ces référentiels fourniront les dernières corrections de bogues et mises à jour de sécurité à l'avenir.

Date et heure de CakePHP Date et heure de CakePHP Sep 10, 2024 pm 05:27 PM

Pour travailler avec la date et l'heure dans cakephp4, nous allons utiliser la classe FrozenTime disponible.

Téléchargement de fichiers CakePHP Téléchargement de fichiers CakePHP Sep 10, 2024 pm 05:27 PM

Pour travailler sur le téléchargement de fichiers, nous allons utiliser l'assistant de formulaire. Voici un exemple de téléchargement de fichiers.

Routage CakePHP Routage CakePHP Sep 10, 2024 pm 05:25 PM

Dans ce chapitre, nous allons apprendre les sujets suivants liés au routage ?

Discuter de CakePHP Discuter de CakePHP Sep 10, 2024 pm 05:28 PM

CakePHP est un framework open source pour PHP. Il vise à faciliter grandement le développement, le déploiement et la maintenance d'applications. CakePHP est basé sur une architecture de type MVC à la fois puissante et facile à appréhender. Modèles, vues et contrôleurs gu

Disposition du tableau HTML Disposition du tableau HTML Sep 04, 2024 pm 04:54 PM

Guide de mise en page des tableaux HTML. Nous discutons ici des valeurs de la mise en page des tableaux HTML ainsi que des exemples et des résultats en détail.

CakePHP créant des validateurs CakePHP créant des validateurs Sep 10, 2024 pm 05:26 PM

Le validateur peut être créé en ajoutant les deux lignes suivantes dans le contrôleur.

See all articles