基于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)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 使用Ajax和Jquery配合數(shù)據(jù)庫實現(xiàn)下拉框的二級聯(lián)動的示例
- jquery基于layui實現(xiàn)二級聯(lián)動下拉選擇(省份城市選擇)
- 幾種二級聯(lián)動案例（jQuery\Array\Ajax php）
- jQuery+JSON實現(xiàn)AJAX二級聯(lián)動實例分析
- jquery實現(xiàn)二級導(dǎo)航下拉菜單效果
- jquery實現(xiàn)簡單的二級導(dǎo)航下拉菜單效果
- jQuery實現(xiàn)帶延遲的二級tab切換下拉列表效果
- jQuery實現(xiàn)可高亮顯示的二級CSS菜單效果
- 如何使用Jquery動態(tài)生成二級選項列表
相關(guān)文章
這篇文章主要介紹了jquery mobile開發(fā)常見問題,結(jié)合實例形式分析了jQuery mobile插件使用過程中的常見錯誤問題與對應(yīng)的解決方法,需要的朋友可以參考下2016-01-01
jQuery提示插件qTip2用法分析(支持ajax及多種樣式)
這篇文章主要介紹了jQuery提示插件qTip2用法,結(jié)合實例形式分析了qTip2的使用技巧,可支持ajax及多種樣式的設(shè)置,需要的朋友可以參考下2016-06-06
添加、刪除元素在項目中經(jīng)常會用到，下面為大家介紹下使用jQuery對元素進行動態(tài)添加和刪除，具體的實現(xiàn)如下，希望對大家有所幫助2014-01-01
這篇文章主要為大家詳細介紹了jquery實現(xiàn)圖片切換代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
jqeury-easyui-layout問題：當把class=“easyui-layout”寫在一個獨立的div中時，layout的樣式無法顯示，具體示例如下2014-03-03
用 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ù)提交表單的解決方法
在項目開發(fā)中，測試人員報告缺陷說，即時有表單驗證，但是如果快速點擊兩下“提交”按鈕，系統(tǒng)會產(chǎn)生兩條相同的記錄。2010-03-03
jQuery實現(xiàn)參數(shù)自定義的文字跑馬燈效果
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)參數(shù)自定義的文字跑馬燈效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
jQuery-Tools-overlay 使用介紹，需要的朋友可以參考下2012-07-07
動態(tài)加載Javascript是一項非常強大且有用的技術(shù)。這方面的主題在網(wǎng)上已經(jīng)討論了不少，我也經(jīng)常會在一些個人項目上使用RequireJS和Dojo加載js2014-04-04