欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js編寫三級聯(lián)動簡單案例

 更新時間:2016年12月21日 11:21:54   作者:周夢順  
這篇文章主要為大家分享了JavaScript編寫三級聯(lián)動簡單案例,具有一定的參考價值,感興趣的小伙伴們可以參考一下

剛給學(xué)妹寫了個簡單的地區(qū)的三級聯(lián)動簡單案例,分享給正在學(xué)習(xí)的朋友參考下

<html>
 <head>
 <!--導(dǎo)入jquery-->
 <script type="text/javascript"src="jquery1.7.1.js"></script>
 </head>
<script type="text/javascript">
 $(function(){//頁面加載
  loaddata('gj','國家的請求url','查所有id隨便給反正后臺不需要','省份','國家');//查詢所有國家,并加載到國家下拉框中

  $("#gj").change(function(){//國家的值改變事件
   loaddata('sf','省份的請求url','國家id','省份');//查詢當(dāng)前國家下的所有省份,并加載到省份下拉框中
  }

  $("#sf").change(function(){//省份的值改變事件
   loaddata('sj','省份的請求url','省份id','市級');//查詢當(dāng)前省份下的所有市,并加載到市下拉框中
  }
 });
 //數(shù)據(jù)加載
 function loaddata(eleid,url,id,type){
  $.ajax({ 
   type:'get', 
   url:url, 
   data:{id:id}//參數(shù)
   success:function(data){ 
    if(type=='國家'){//如果是國家

     $("#"+eleid).html("");//先清空國家
     $("#sf").html("");//再清空省份
     $("#sj").html("");//最后清空市
    }else if(type=='省份'){//如果是省

     $("#"+eleid).html("");//先清空省份
     $("#sj").html("");//再后清空市

    }else if(type=='市級'){//如果是市級

     $("#"+eleid).html("");//清空市
    }
   $("#"+eleid).append('<option>請選擇</option>');

  //需要注意的是如果后臺傳來的data數(shù)據(jù)不一致,需先轉(zhuǎn)換再遍歷
   for(var i=0;i<data.length;i++){//再加載數(shù)據(jù)
     $("#"+eleid).append('<option value="'+data.選擇的值+'">'+data.顯示的值+'</option>');//加載數(shù)據(jù)
   }
   },error:function(){ 
   //請求出錯處理 
   } 
  }); 
 }
</script>

<body>
 <select id="gj">
  <option>請選擇</option>
 </select>
 <select id="sf">
  <option>請選擇</option>
 </select>
 <select id="sj">
  <option>請選擇</option>
 </select>
</body>
</html>

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 簡單實用的js調(diào)試logger組件實現(xiàn)代碼

    簡單實用的js調(diào)試logger組件實現(xiàn)代碼

    開發(fā)js組件的時間調(diào)試總是麻煩的,最常用的就是用alert或者debugger來測試js的運行狀態(tài)。
    2010-11-11
  • js?html5獲取input焦點的輸入框并賦值實例

    js?html5獲取input焦點的輸入框并賦值實例

    這篇文章主要為大家介紹了js?html5獲取input焦點的輸入框并賦值實現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-10-10
  • js 去除字符串第一位逗號的方法

    js 去除字符串第一位逗號的方法

    這篇文章主要介紹了js 去除字符串第一位逗號的方法,需要的朋友可以參考下
    2014-06-06
  • 詳解如何在JavaScript中使用for循環(huán)

    詳解如何在JavaScript中使用for循環(huán)

    循環(huán)允許我們通過循環(huán)數(shù)組或?qū)ο笾械捻棽⒆鲆恍┦虑?。在這篇文章中,我們將了解JavaScript提供的for循環(huán),感興趣的小伙伴可以了解一下
    2022-11-11
  • Js獲取當(dāng)前日期時間及格式化代碼

    Js獲取當(dāng)前日期時間及格式化代碼

    這篇文章主要為大家詳細介紹了Js獲取當(dāng)前日期時間及格式化代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-09-09
  • js?中以?...?為前綴的幾種用法詳解

    js?中以?...?為前綴的幾種用法詳解

    這篇文章主要為大家介紹了js?中以?...?為前綴的幾種用法示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-09-09
  • js 獲取radio按鈕值的實例

    js 獲取radio按鈕值的實例

    這篇文章介紹了js 獲取radio按鈕值的實例,有需要的朋友可以參考一下
    2013-08-08
  • get(0).tagName獲得作用標簽示例代碼

    get(0).tagName獲得作用標簽示例代碼

    get(0).tagName可獲得作用標簽,下面是它的一個小應(yīng)用,在學(xué)習(xí)js的朋友可以參考下
    2014-10-10
  • Javascript實現(xiàn)DIV滾動自動滾動到底部的代碼

    Javascript實現(xiàn)DIV滾動自動滾動到底部的代碼

    一個比較特殊的客戶要求,在一個頁面用表格顯示數(shù)據(jù),數(shù)據(jù)量不是很多,不希望使用瀏覽器的滾動條,只能在Div中滾動table中的數(shù)據(jù),但是有個特殊的要求,就是必須將滾動條自動滾動到底部
    2012-03-03
  • JavaScript調(diào)試技巧之console.log()詳解

    JavaScript調(diào)試技巧之console.log()詳解

    對于JavaScript程序的調(diào)試,相比于alert(),使用console.log()是一種更好的方式,原因在于:alert()函數(shù)會阻斷JavaScript程序的執(zhí)行,從而造成副作用;而console.log()僅在控制臺中打印相關(guān)信息,因此不會造成類似的顧慮
    2014-03-03

最新評論