基于jquery實現二級聯(lián)動效果
更新時間：2017年03月30日 09:31:03 作者：Marven
這篇文章主要為大家詳細介紹了基于jquery二級聯(lián)動效果的代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了jquery實現二級聯(lián)動的具體代碼，供大家參考，具體內容如下
<!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>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了jquery mobile開發(fā)常見問題,結合實例形式分析了jQuery mobile插件使用過程中的常見錯誤問題與對應的解決方法,需要的朋友可以參考下2016-01-01
jQuery提示插件qTip2用法分析(支持ajax及多種樣式)
這篇文章主要介紹了jQuery提示插件qTip2用法,結合實例形式分析了qTip2的使用技巧,可支持ajax及多種樣式的設置,需要的朋友可以參考下2016-06-06
添加、刪除元素在項目中經常會用到，下面為大家介紹下使用jQuery對元素進行動態(tài)添加和刪除，具體的實現如下，希望對大家有所幫助2014-01-01
這篇文章主要為大家詳細介紹了jquery實現圖片切換代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
jqeury-easyui-layout問題：當把class=“easyui-layout”寫在一個獨立的div中時，layout的樣式無法顯示，具體示例如下2014-03-03
用 jQuery 的都知道，jQuery 的 get 和 post 方法有三個參數：地址，數據 和 回調函數，但我們知道地址也可以跟隨數據的（形如：get_data.php?v1=1&v2=2），而且第二個參數可以省略，即第二個參數可以直接寫回調函數，那么數據寫在地址后面和寫在 data 參數里有什么區(qū)別呢？2009-11-11
Jquery Validation插件防止重復提交表單的解決方法
在項目開發(fā)中，測試人員報告缺陷說，即時有表單驗證，但是如果快速點擊兩下“提交”按鈕，系統(tǒng)會產生兩條相同的記錄。2010-03-03
這篇文章主要為大家詳細介紹了jQuery實現參數自定義的文字跑馬燈效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
jQuery-Tools-overlay 使用介紹，需要的朋友可以參考下2012-07-07
動態(tài)加載Javascript是一項非常強大且有用的技術。這方面的主題在網上已經討論了不少，我也經常會在一些個人項目上使用RequireJS和Dojo加載js2014-04-04