php+ajax动态生成下拉菜单

我不是鱼

UID: 2
帖子: 1402
积分: 3221
在线时间: 2077小时
注册时间: 2006-05-16
最后登录: 2019-01-15

1^# 我不是鱼发表于2006-05-25

php+ajax动态生成下拉菜单

效果：

如履薄冰

我不是鱼

UID: 2
帖子: 1402
积分: 3221
在线时间: 2077小时
注册时间: 2006-05-16
最后登录: 2019-01-15

2^# 我不是鱼发表于2006-05-25

[复制到剪切板]

CODE:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<script language="javascript">

//var ab = new Array();

var xmlHttp;



function createXMLHttpRequest() {

    if (window.ActiveXObject) {

        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

    } 

    else if (window.XMLHttpRequest) {

        xmlHttp = new XMLHttpRequest();

    }

}

    

function startRequest() {

    createXMLHttpRequest();

    xmlHttp.onreadystatechange = handleStateChange;

    document.getElementById('select2').options.length = 0;

    var url = document.form1.select1.value;

    var qurl = "getCities.php?countryCode="+url+"&time="+new Date().getTime();

    xmlHttp.open("GET", qurl, true);

    xmlHttp.send(null);

    //setTimeout("startRequest()",2000);

}

    

function handleStateChange() {

    if(xmlHttp.readyState == 4) {

        if(xmlHttp.status == 200) {

        var obj = document.getElementById('select2');

            eval(xmlHttp.responseText);

            

        }

    }

}



<\/script>

</head>



<body>

<form name="form1" method="post" action="">

  <p>

    <select name="select1" id="select1" onChange="startRequest()">

      <option value="0">选择</option>

      <option value="no">1</option>

      <option value="dk">2</option>

      <option value="us">3</option>

    </select>

</p>

  <p>

    <select name="select2" id="select2">

    </select>

</p>

</form>

</body>

</html> ;

如履薄冰

我不是鱼

UID: 2
帖子: 1402
积分: 3221
在线时间: 2077小时
注册时间: 2006-05-16
最后登录: 2019-01-15

3^# 我不是鱼发表于2006-05-25

getCities.php

[复制到剪切板]

CODE:

<?php



if(isset($_GET['countryCode'])){

  

  switch($_GET['countryCode']){

    

    case "no":

      echo "obj.options[obj.options.length] = new Option('Bergen','1');\n";

      echo "obj.options[obj.options.length] = new Option('Haugesund','2');\n";

      echo "obj.options[obj.options.length] = new Option('Oslo','3');\n";

      echo "obj.options[obj.options.length] = new Option('Stavanger','4');\n";

      

      break;

    case "dk":

      

      echo "obj.options[obj.options.length] = new Option('Aalborg','11');\n";

      echo "obj.options[obj.options.length] = new Option('Copenhagen','12');\n";

      echo "obj.options[obj.options.length] = new Option('Odense','13');\n";

      

      break;

    case "us":

      

      echo "obj.options[obj.options.length] = new Option('Atlanta','21');\n";

      echo "obj.options[obj.options.length] = new Option('Chicago','22');\n";

      echo "obj.options[obj.options.length] = new Option('Denver','23');\n";

      echo "obj.options[obj.options.length] = new Option('Los Angeles','24');\n";

      echo "obj.options[obj.options.length] = new Option('New York','25');\n";

      echo "obj.options[obj.options.length] = new Option('San Fransisco','26');\n";

      echo "obj.options[obj.options.length] = new Option('Seattle','27');\n";

      

      break;

  }  

}

?> ;

如履薄冰

jinxianfu

UID: 15807
帖子: 1
积分: 1
在线时间: 1小时
注册时间: 2007-04-20
最后登录: 2007-04-20

4^# jinxianfu 发表于2007-04-20

echo "obj.options[obj.options.length] = new Option('Bergen','1');\n";

这里为什么把 'Bergen' 换成 ‘中文’ 会显示错误只显示 ‘？？’ 我是新手请指教

心若水寒

UID: 4
帖子: 936
积分: 1710
在线时间: 2168小时
注册时间: 2006-05-17
最后登录: 2015-07-08

5^# 心若水寒发表于2007-04-20

在
if(isset($_GET['countryCode'])){
上面加一句
header('Content-type: text/html;charset=GBK');
就行了

毕业了。。。

zhoupeng10

UID: 1874
帖子: 11
积分: 23
在线时间: 6小时
注册时间: 2006-10-19
最后登录: 2008-02-15

6^# zhoupeng10 发表于2007-07-12

如果把服务器端数据用xml输出，然后客户端再接受此xml数据，用DOM操作将节点添加到slt里面去是不是更好点，以后要有扩充也好点

liufx

UID: 22402
帖子: 51
积分: 111
在线时间: 19小时
注册时间: 2008-04-13
最后登录: 2008-08-04

7^# liufx 发表于2008-04-24

二级联动，能不能制作成动态的？

cutepigdog

UID: 23173
帖子: 1
积分: 3
在线时间: 1小时
注册时间: 2008-05-27
最后登录: 2008-05-27

8^# cutepigdog 发表于2008-05-27

谢谢,我找这个东西,找了一天了!非常感谢你

dreamnet

UID: 19206
帖子: 5
积分: 0
在线时间: 11小时
注册时间: 2007-10-16
最后登录: 2008-06-23

9^# dreamnet 发表于2008-06-05

感谢楼主,ajax我正在学习中

liutongju

UID: 23673
帖子: 22
积分: 0
在线时间: 3小时
注册时间: 2008-06-26
最后登录: 2009-07-10

10^# liutongju 发表于2009-03-17