jQuery 省市選擇

2021-09-09 06:52:17 字數 2066 閱讀 2915

一.省市選擇

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...