兩個實用的下拉列表聯動外掛程式

2021-05-28 12:42:24 字數 2081 閱讀 2138

首先是ajax填充外掛程式filloptions,這個外掛程式可以通過ajax方法獲取資料並把資料新增到下拉列表框,資料格式支援xml格式和json格式,外掛程式定義如下

filloptions(url,options)

引數說明

options包括如下引數

datatype:ajax請求返回的資料格式,可以是」xml」或」json」,預設為」json」

textfield:ajax請求返回的資料中下拉列表框選項文字的字段,預設為」text」

valuefiled:ajax請求返回的資料中下拉列表框選項值的字段,預設為」value」

keepold:布林型別,是否保留下拉列表框選項原有選項,預設為不保留

selected:數值型,填充選項後第幾項為選中狀態,預設為0

例項如下:

$("#select1").filloptions("handler1.ashx?type=json",);

例項說明:

返回「[,
]」
這樣格式的資料,然後通過指定的textfield和valuefiled引數,
下拉列表框聯動外掛程式cascadingselect,這個外掛程式是基於上面filloptions外掛程式製作的,

可以實現兩個下拉列表框的聯動,定義如下:

cascadingselect(target,url,options,endfn)

引數說明:

target:

需要聯動的下拉列表框,必須

url

options

與filloptions

的類似,增加了乙個引數

parameter

:ajax請求時傳回值的引數名,必須

endfn

:型別是function,完成聯動後執行

例項如下:

$("#select1").cascadingselect(

$("#select2"),

"handler1.ashx?type=json",

,function()

);

例項說明:

select1,select2,select3

都是頁面上的下拉列表框,通過設定parameter:」p

」這個引數會生成乙個

"handler1.ashx?p=***&type=json

」這樣的位址來做ajax請求,

***為select1所選擇的值,返回後使用

filloptions

來填充select2

的option。

具體例項請看test1.htm中實現的省市區的**聯動。

新增乙個列表項的外掛程式addoption,這個比較簡單,用來向下拉列表框中新增乙個列表項。

定義如下:

addoption

(text,value,selected,index)

引數說明:

text

:文字型,列表項文字

value

:文字型,列表項值

selected

:布林型,是否選擇加入的列表項

index

:數值型,加入位置

例項如下:

$("#select2").addoption("

請選擇"

,"-1",true,0);

例項說明:

向select2最上端插入乙個文字為「請選擇「,值為」-1「的列表項,並且是選中狀態

或者是

用AJAX ASP實現的兩級聯動下拉列表

index.htm 請選擇請選擇 response.write 請選擇 1,if action province then sql select from class where parentid 0 ors.open sql,oconn,1,3 if not ors.eof or ors.bof ...

聯動的日期下拉列表,相容IE,FF

測試瀏覽器 ie7,ff3 js var dangqian 31 function setday var day days month 1 本月天數 while dangqian day while day dangqian function addonload fn addonload setda...

IOS 兩個tableview的聯動效果

當時我遇到這個問題的時候,也是想著去網上找乙個demo算了,可是想想不是太難,就自己寫了一下。先上乙個圖吧。最主要的還是兩個方法 void scrollviewdidscroll uiscrollview scrollview void tableview uitableview tableview...