hyljava

          SpringMVC做二級(jí)聯(lián)動(dòng)

          <select id="myCol" onchange="getChange()">
          <option value="1">
          大連交大
          </option>
          <option value="2">
          東北財(cái)經(jīng)
          </option>
          <option value="3">
          大連海事
          </option>
          </select>
          <select id="myGet">
          </select>


          <script type="text/javascript"  >
          function getChange() {
          //獲取到第一個(gè)select表單value值
          var myCol = document.getElementById("myCol").value;
            //拼接成要獲取值的url
          var url = "getCateGory?myCol=" + myCol; //url  
          //利用jquery的ajax方法,使用此方法要引jquery包
          htmlobj = $.ajax( {
          url : url,
          async : false
          });
          //此處利用json處理值,還需要引json包,在服務(wù)器端可以使用GSON轉(zhuǎn)化數(shù)據(jù),響應(yīng)當(dāng)前頁(yè)面
          /*服務(wù)器端:
          //需要引GSON包
            //創(chuàng)建一個(gè)Gson對(duì)象
          Gson gson = new Gson();
          //返回一個(gè)json格式的字符串 
          String pStr = gson.toJson(user);
                System.out.println(pStr);
          out.print(pStr);
          */
          //接取響應(yīng)值,并且轉(zhuǎn)化成JSON對(duì)象
          var obj = JSON.parse(htmlobj.responseText);
          //此變量是為拼接而做
          var options = "";
          var myGet = document.getElementById("myGet");
          //myGet.removeChild("option");
          //刪除現(xiàn)有option節(jié)點(diǎn)
          for ( var i = 1; i <= myGet.length; i++) {
          myGet.remove(i);
          }
          myGet.remove(myGet.selectedIndex);
             //利用循環(huán),在此將新的option添加上
             for(var i=0;i<obj.length;i++){
            alert(obj[i].uUserName);
               var myOption=document.createElement("option");
            myOption.setAttribute("value",obj[i].uId);
            var testN=document.createTextNode(obj[i].uUserName);
          myOption.appendChild(testN);
            myGet.appendChild(myOption);
            
           //此種方法最簡(jiǎn)單,但是沒有技術(shù)含量
           //options+="<option value='"+obj[i].uId+"'>"+obj[i].uUserName+"</option>";
           }
          // myGet.innerHTML=options;
            
          }
          </script>

          posted on 2013-04-12 15:30 何云隆 閱讀(3925) 評(píng)論(0)  編輯  收藏 所屬分類: JSjavaJspAJAXSpring MVC

          主站蜘蛛池模板: 区。| 宜丰县| 马龙县| 中卫市| 湖北省| 盐亭县| 克东县| 富阳市| 淮安市| 广元市| 若尔盖县| 当雄县| 嘉义市| 合水县| 克拉玛依市| 嘉黎县| 石城县| 东港市| 房产| 永平县| 农安县| 平凉市| 开平市| 防城港市| 长兴县| 华池县| 高安市| 广灵县| 陆河县| 麟游县| 左权县| 临夏县| 镇宁| 霸州市| 灵璧县| 当雄县| 遂溪县| 湘潭市| 汉寿县| 博兴县| 都匀市|