很舒服的表示方式，json

[ 1577 查看 / 5 回复 ]

返回列表
发新话题 回复该主题
shenyoujia
头像

陈健

  • 管理员
  • 14848
  • 1423
  • 2009-11-07
2010-05-19 15:43 |只看楼主 1#
t T

 附件: 您所在的用户组无法下载或查看附件
TOP
shenyoujia
头像

陈健

  • 管理员
  • 14848
  • 1423
  • 2009-11-07
2010-05-19 15:44 |只看楼主 2#
t T

jason，从服务器端去取 整型、浮点型
TOP
shenyoujia
头像

陈健

  • 管理员
  • 14848
  • 1423
  • 2009-11-07
2010-05-19 15:46 |只看楼主 3#
t T

{"randomFloat":0.38160862465463979,"randomArray":[606809764,1060503456,1808187865]}
TOP
张波老师
头像

  • 管理员
  • 6690
  • 803
  • 2009-11-04
2010-05-19 17:56 |只看该用户 4#
t T

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <title></title>
  5.     <script type="text/javascript">
  6.         window.onload = function () {

  8.             var ds = DataSource();
  9.             //    alert(ds.length);
  10.             var p = $("province");

  12.             for (var i = 0; i < ds.length; i++) {
  13.                 var province = ds[i];
  14.                 var p_option = document.createElement("option");
  15.                 p_option.value = province.PID;
  16.                 p_option.text = province.Name;
  17.                 p.options.add(p_option);
  18.             }


  21.             p.onchange = function () {
  22.                 var index = p.selectedIndex;
  23.                 var value = p.value;
  24.                 var count = p.options.length;

  26.                 //                output(index);
  27.                 //                output(value);
  28.                 //                output(count);
  29.                 var citys = $("city");
  30.                 citys.options.length = 0;
  31.                 var emp = document.createElement("option");
  32.                 emp.text = "-----请选择城市-------";
  33.                 citys.options.add(emp);
  34.                 //                if (index == 1) {

  36.                 //                    var op = document.createElement("option");
  37.                 //                    op.value = "baoshan";
  38.                 //                    op.text = "宝山";


  41.                 //                    citys.options.add(op);
  42.                 //                }

  44.                 var ds = DataSource();
  45.                 for (var i = 0; i < ds.length; i++) {
  46.                     var province = ds[i];
  47.                     if (province.PID == value) {
  48.                         var citys_array = province.Citys;

  50.                         for (var c = 0; c < citys_array.length; c++) {
  51.                             var city = citys_array[c];

  53.                             var c_option = document.createElement("option");
  54.                             c_option.value = city.CID;
  55.                             c_option.text = city.Name;
  56.                             citys.options.add(c_option);
  57.                         }
  58.                     }

  60.                 }


  63.                 citys.onchange = function () {
  64.                     if (citys.selectedIndex > 0) {
  65.                     var op = citys.options[citys.selectedIndex];

  67.                         output(op.value + ":" + op.text);
  68.                     }
  69.                 };
  70.             };
  71.         };


  74.         function DataSource() {
  75.             var ds = [

  77.             {
  78.                 PID: "shanghai",
  79.                 Name: "上海",

  81.                 Citys: [
  82.                     {
  83.                         CID: "baoshan",
  84.                         Name: "宝山"
  85.                     },
  86.             {
  87.                 CID: "xinzhuang",
  88.                 Name: "辛庄"
  89.             }
  90.                     ]
  91.             },
  92.             {
  93.                 PID: "shandong",
  94.                 Name: "山东",

  96.                 Citys: [
  97.                     {
  98.                         CID: "taian",
  99.                         Name: "泰安"
  100.                     },
  101.             {
  102.                 CID: "jinan",
  103.                 Name: "济南"
  104.             }
  105.                     ]
  106.             }

  108.             ];
  109.             return ds;
  110.         }


  113.         function $(id) {
  114.             return document.getElementById(id);
  115.         }
  116.         function output(txt) {

  118.             document.getElementById("result").innerHTML += txt + "<br/>";
  119.         }
  120.     </script>
  121. </head>
  122. <body>
  123.     <select id="province">
  124.         <option>-----请选择省------</option>
  125.         <!--
  126.         <option value="shanghai">上海</option>
  127.         <option value="shandong">山东</option>
  128.         <option value="shanxin">山西</option>
  129.         <option value="jiangsu">江苏</option>
  130.         <option value="fujian">福建</option>
  131.         <option value="henan">河南</option>-->
  132.     </select>
  133.     <select id="city">
  134.         <option>-----请选择城市------</option>
  135.     </select>
  136.     <div id="result">
  137.     </div>
  138. </body>
  139. </html>
复制代码
TOP
张波老师
头像

  • 管理员
  • 6690
  • 803
  • 2009-11-04
2010-05-19 17:57 |只看该用户 5#
t T

正巧,今天上javascript也用到json来实现二级联动
TOP
返回列表
上一主题 | 下一主题