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

基于jquery實現(xiàn)二級聯(lián)動效果

 更新時間:2017年03月30日 09:31:03   作者:Marven  
這篇文章主要為大家詳細介紹了基于jquery二級聯(lián)動效果的代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下

本文實例為大家分享了jquery實現(xiàn)二級聯(lián)動的具體代碼,供大家參考,具體內(nèi)容如下

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
   <title>二級聯(lián)動</title>
   <script src="http://apps.bdimg.com/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("#province").change(function(){
       $("#province option").each(function(i,o){
          if($(this).attr("selected"))
          {
           $(".city").hide();
           $(".city").eq(i).show();
         }
       });
      });
    $("#province").change();
   });
</script>
</head>
<body>
   <select id="province">
    <option>----請選擇省份----</option>
    <option>北京</option>
   <option>上海</option>
    <option>江蘇</option>
  </select>
  <select class="city">
      <option>----請選擇城市----</option>
  </select>
  <select class="city">
    <option>東城</option>
    <option>西城</option>
    <option>崇文</option>
    <option>宣武</option>
    <option>朝陽</option>
  </select> 
<select class="city">
    <option>黃浦</option>
    <option>盧灣</option>
    <option>徐匯</option>
    <option>長寧</option>
    <option>靜安</option>
  </select>
  <select class="city">
    <option>南京</option>
    <option>鎮(zhèn)江</option>
    <option>蘇州</option>
    <option>南通</option>
    <option>揚州</option>
  </select>
</body>
</html>

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

相關(guān)文章

  • jquery mobile開發(fā)常見問題分析

    jquery mobile開發(fā)常見問題分析

    這篇文章主要介紹了jquery mobile開發(fā)常見問題,結(jié)合實例形式分析了jQuery mobile插件使用過程中的常見錯誤問題與對應(yīng)的解決方法,需要的朋友可以參考下
    2016-01-01
  • jQuery提示插件qTip2用法分析(支持ajax及多種樣式)

    jQuery提示插件qTip2用法分析(支持ajax及多種樣式)

    這篇文章主要介紹了jQuery提示插件qTip2用法,結(jié)合實例形式分析了qTip2的使用技巧,可支持ajax及多種樣式的設(shè)置,需要的朋友可以參考下
    2016-06-06
  • jQuery動態(tài)添加、刪除元素的方法

    jQuery動態(tài)添加、刪除元素的方法

    添加、刪除元素在項目中經(jīng)常會用到,下面為大家介紹下使用jQuery對元素進行動態(tài)添加和刪除,具體的實現(xiàn)如下,希望對大家有所幫助
    2014-01-01
  • jquery實現(xiàn)圖片切換代碼

    jquery實現(xiàn)圖片切換代碼

    這篇文章主要為大家詳細介紹了jquery實現(xiàn)圖片切換代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • jqeury-easyui-layout問題解決方法

    jqeury-easyui-layout問題解決方法

    jqeury-easyui-layout問題:當把class=“easyui-layout”寫在一個獨立的div中時,layout的樣式無法顯示,具體示例如下
    2014-03-03
  • jQuery get和post 方法傳值注意事項

    jQuery get和post 方法傳值注意事項

    用 jQuery 的都知道,jQuery 的 get 和 post 方法有三個參數(shù):地址,數(shù)據(jù) 和 回調(diào)函數(shù),但我們知道地址也可以跟隨數(shù)據(jù)的(形如:get_data.php?v1=1&v2=2),而且第二個參數(shù)可以省略,即第二個參數(shù)可以直接寫回調(diào)函數(shù),那么數(shù)據(jù)寫在地址后面和寫在 data 參數(shù)里有什么區(qū)別呢?
    2009-11-11
  • Jquery Validation插件防止重復(fù)提交表單的解決方法

    Jquery Validation插件防止重復(fù)提交表單的解決方法

    在項目開發(fā)中,測試人員報告缺陷說,即時有表單驗證,但是如果快速點擊兩下“提交”按鈕,系統(tǒng)會產(chǎn)生兩條相同的記錄。
    2010-03-03
  • jQuery實現(xiàn)參數(shù)自定義的文字跑馬燈效果

    jQuery實現(xiàn)參數(shù)自定義的文字跑馬燈效果

    這篇文章主要為大家詳細介紹了jQuery實現(xiàn)參數(shù)自定義的文字跑馬燈效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-08-08
  • jQuery-Tools-overlay 使用介紹

    jQuery-Tools-overlay 使用介紹

    jQuery-Tools-overlay 使用介紹,需要的朋友可以參考下
    2012-07-07
  • 使用jQuery動態(tài)加載js腳本文件的方法

    使用jQuery動態(tài)加載js腳本文件的方法

    動態(tài)加載Javascript是一項非常強大且有用的技術(shù)。這方面的主題在網(wǎng)上已經(jīng)討論了不少,我也經(jīng)常會在一些個人項目上使用RequireJS和Dojo加載js
    2014-04-04

最新評論