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

基于jquery實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)效果

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

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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
   <title>二級(jí)聯(lián)動(dòng)</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>----請(qǐng)選擇省份----</option>
    <option>北京</option>
   <option>上海</option>
    <option>江蘇</option>
  </select>
  <select class="city">
      <option>----請(qǐng)選擇城市----</option>
  </select>
  <select class="city">
    <option>東城</option>
    <option>西城</option>
    <option>崇文</option>
    <option>宣武</option>
    <option>朝陽(yáng)</option>
  </select> 
<select class="city">
    <option>黃浦</option>
    <option>盧灣</option>
    <option>徐匯</option>
    <option>長(zhǎng)寧</option>
    <option>靜安</option>
  </select>
  <select class="city">
    <option>南京</option>
    <option>鎮(zhèn)江</option>
    <option>蘇州</option>
    <option>南通</option>
    <option>揚(yáng)州</option>
  </select>
</body>
</html>

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

相關(guān)文章

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

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

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

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

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

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

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

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

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

    jqeury-easyui-layout問題解決方法

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

    jQuery get和post 方法傳值注意事項(xiàng)

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

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

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

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

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

    jQuery-Tools-overlay 使用介紹

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

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

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

最新評(píng)論