Chinaunix首页 | 论坛 | 博客
  • 博客访问: 5119563
  • 博文数量: 921
  • 博客积分: 16037
  • 博客等级: 上将
  • 技术积分: 8469
  • 用 户 组: 普通用户
  • 注册时间: 2006-04-05 02:08
文章分类

全部博文(921)

文章存档

2020年(1)

2019年(3)

2018年(3)

2017年(6)

2016年(47)

2015年(72)

2014年(25)

2013年(72)

2012年(125)

2011年(182)

2010年(42)

2009年(14)

2008年(85)

2007年(89)

2006年(155)

分类:

2006-12-05 14:52:43

效果:


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"qurltrue
);
    
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">1option>
      <
option value="dk">2option>
      <
option value="us">3option>
    select
>
p
>
  <
p
>
    <
select name="select2" id="select2"
>
    select
>
p
>
form
>
body
>
html

(非常全面的一个php技术网站, 有相当丰富的文章和源代码.)
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;
  }  
}
?> 


阅读(2912) | 评论(5) | 转发(0) |
给主人留下些什么吧!~~

chinaunix网友2008-10-22 09:55:00

如果这个不用ajax,那还用什么做比较好?

chinaunix网友2008-04-30 21:29:52

谢谢,我找的就是你