一.省市選擇
1.動態的生成對應的省市
2.先生成對應的省
3.當省的選擇發生改變市,右邊的選項也應當發生改變
4.首次開啟,預設觸發繫結的事件,並且取消瀏覽器對這個事件的預設操作
// html
"province" id=
"province"
>
<
/select>
"city" id=
"city"
>
<
/select>
1.建立元素的方法
var $pro=$(
"");$
("div"
).html(""
+value+
"");$(
"div").
("請選擇
")
2.遍歷元素$.each() , $().each()在jquery中,遍歷物件和陣列,經常會用到().
each
和().each和
().eac
h和.each(),兩個方法。
( ).
each
在dom
處理上面
用的較多
。如果頁
面有多個
inpu
t標籤類
型為ch
eckb
ox,對
於這時用
().each 在dom處理上面用的較多。如果頁面有多個input標籤型別為checkbox,對於這時用
().eac
h在do
m處理上
麵用的較
多。如果
頁面有多
個inp
ut標籤
型別為c
heck
box,
對於這時
用().each來處理多個checkbook,例如:
$
(「input[name=』ch』]」)
.each
(function
(i)
$
("span").
each
(function
(index,ele)
)
遍歷乙個陣列通常用$.each()來處理 例如:
var obj =;$.
each
(obj,
function
(key, val)
);
3預設觸發繫結的事件triggerhandler() 與 .trigger()trigger() 方法觸發被選元素上指定的事件以及事件的預設行為(比如表單提交)。
該方法與 triggerhandler() 方法類似,不同的是 triggerhandler() 不觸發事件的預設行為。
與 triggerhandler() 方法相比的不同之處:
它不會引起事件(比如表單提交)的預設行為
.trigger() 會操作 jquery 物件匹配的所有元素,而 .triggerhandler() 只影響第乙個匹配元素。
由 .triggerhandler() 建立的事件不會在 dom 樹中冒泡;如果目標元素不直接處理它們,則不會發生任何事情。
$
("#old").
click
(function()
);$(
"#new").
click
(function()
);$(
"input").
focus
(function()
);
解決了以上三個問題,同時邏輯清楚的話就可以寫乙個小樣了。如下:
jquery外掛程式 省市聯動
由於專案需要需要實現乙個省市聯動,由於業務有一些特殊的需求,使用現有的外掛程式略有不便,就自己實現了乙個。首先需要儲存地區資料的js資料檔案,我這裡命名為areadata.js,內容如下 儲存地區資訊 資料格式 areadata 直轄市存在 1,表示就是直轄市 function window win...
jQuery實現省市聯動
未實現任何功能之前 實現功能之後 實現該功能的jquery核心 實現該二級省市聯動的 1 2339 4041 42 請選擇 43福建省 44河南省 45河北省 46陝西省 47山東省 4849 5051 52 請選擇 5354 55jquery實現省市聯動.html 當選擇另乙個省份時,把現有的城市...
TreeView的省市選擇
一 父選擇視窗 二 子視窗提供選擇frmselectareas 1 資料準備 在資料庫中有一張表areas欄位為 aid,aname,apid aid為字段地區編號,aname為地區名稱,apid為地區父級aid.2 frmselectareas窗體中,遞迴遍歷繫結資料 view code 1 vo...