佳礼资讯网

 找回密码
 注册

ADVERTISEMENT

查看: 1662|回复: 2

Ajax 3-Level Cascade drop down list

[复制链接]
发表于 21-1-2009 10:31 AM | 显示全部楼层
不大懂你在讲什么,大概懂一点你的意思,就是要在后台要求东东吧,给你一个例子,自己研究一下改一改。index.html里的javascript

var xmlHttp;   function createXMLHttpRequest()   {      
if(window.XMLHttpRequest)      
{               
xmlHttp = new XMLHttpRequest();//FF  
  }      
else if(window.ActiveXObject)       {         
      try              {                 
      xmlHttp = new ActiveX0bject("Msxml2.XMLHTTP");//IE5           
    }              
catch(e)               {}           
    try              {         
             xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE6         
  }               catch(e)               {}           
    if(!xmlHttp)              
{                    
   window.alert("error");              
         return false;            
   }       }   }

function Request()   {   
                     
     var a=document.getElementById('a').value;//通过js来取得值(<input type="hidden" value="a" id="a"/>)  

     var b=document.getElementById('b').value;//假设值是b           

     var params="postdata="+b+"&post="+a;//你的php网址(http://abc.com/index.php?postdata=a&post2=b)   

    createXMLHttpRequest();            
    xmlHttp.open("POST","request.php",true);   
    xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");     
    xmlHttp.onreadystatechange = handlestageChange;         
    xmlHttp.send(params);            
  }                     
function handlestageChange()   {      
if(xmlHttp.readyState==4)        
   {               
   if(xmlHttp.status==200)      
            {               
              document.getElementById("divid").innerHTML = xmlHttp.responseText;//request.php echo出来的直接写入现在的页面(没要求之前:<div id="divid"></div>要求之后<div id="divid">b<img src="a.jpg"></div>)      
          }         }   }   

request.php的内容<?php
echo $_POST['post2'] echo '<img src="'.$_POST['postdata'].'.jpg">';
?>

这样的话你的index.html就会出现一个图片和一个b字

[ 本帖最后由 y小叶y 于 21-1-2009 10:36 AM 编辑 ]
回复

使用道具 举报


ADVERTISEMENT

 楼主| 发表于 14-1-2009 11:29 AM | 显示全部楼层
没人解答吗?

这是一个3-level chained-select list box.
我用AJAX是因为它能静悄悄的运行而不影响目前的页面.

我只要AJAX来激活onChange event然后trigger另一个combo list box..

AJAX怎样从每个list box里onChange去下一个list box,直到第三层, 然后才从资料库里call selected records?

谢谢~
回复

使用道具 举报

 楼主| 发表于 12-1-2009 06:06 PM | 显示全部楼层 |阅读模式
我做了一个multiple level cascade dropdown list box, php 从 Mysql读取相关的data based on their parent list box。

我的问题是,要怎样用Ajax去做一个onChange event,从1st-level trigger 去 2nd-level再去3rd-level。。。然后每一个trigger都能保留之前parent所选择的value。

我成功从database里populate到我要的result,但不能preserve parent list box里所选的data..

希望大家能明白我所表达的

请各位大大指教,
谢谢~
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

 

ADVERTISEMENT



ADVERTISEMENT



ADVERTISEMENT

ADVERTISEMENT


版权所有 © 1996-2023 Cari Internet Sdn Bhd (483575-W)|IPSERVERONE 提供云主机|广告刊登|关于我们|私隐权|免控|投诉|联络|脸书|佳礼资讯网

GMT+8, 19-12-2025 05:05 PM , Processed in 0.635555 second(s), 24 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表