Chinaunix首页 | 论坛 | 博客
  • 博客访问: 1179281
  • 博文数量: 252
  • 博客积分: 5421
  • 博客等级: 大校
  • 技术积分: 2418
  • 用 户 组: 普通用户
  • 注册时间: 2007-06-17 12:59
文章分类

全部博文(252)

文章存档

2017年(3)

2016年(18)

2015年(31)

2014年(18)

2013年(7)

2012年(8)

2011年(12)

2010年(30)

2009年(32)

2008年(57)

2007年(36)

分类: JavaScript

2014-08-26 19:41:39


  1. <?php
  2. header('Content-Type: application/json; charset=utf-8');
  3. echo 'province=[];';
  4. foreach ($arrProvinces as $province) {
  5.     echo 'province.push(['.$province['ProvinceID'].',"'.$province['ProvinceName'].'"]);';
  6. }
  7. echo 'city=[];';
  8. foreach ($arrCitys as $city) {
  9.     echo 'city.push(['.$city['ProvinceID'].','.$city['CityID'].',"'.$city['CityName'].'"]);';
  10. }


  1. <script type="text/javascript">
  2. function initProvince()
  3. {
  4.     var objProv = jQuery('#locationForm').get(0).province;
  5.     objProv.options.length = 0;
  6.     for (var i=0; i<province.length; i++) {
  7.         objProv.options[i] = new Option(province[i][1], province[i][0]);
  8.     }
  9. }
  10. function onProvinceChange()
  11. {
  12.     var objProv = jQuery('#locationForm').get(0).province;
  13.     var objCity = jQuery('#locationForm').get(0).city;
  14.     provinceId = objProv.value;
  15.     objCity.options.length = 0;
  16.     objCity.options[0] = new Option('请选择', 0);
  17.     for (var i=1,j=1; i<=city.length; i++) {
  18.         if (city[i-1][0] == provinceId) {
  19.             objCity.options[j++] = new Option(city[i-1][2], city[i-1][1]);
  20.         }
  21.     }
  22. }
  23. jQuery(document).ready(function(){
  24.     initProvince();
  25. });
  26. </script>


  1. <form id="locationForm">
  2.     <select id="province" onchange="onProvinceChange()"></select>
  3.     <select id="city"></select>
  4. </form>
阅读(1042) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~