可以動態(tài)添加多個下拉框,可減少下拉框 選中第一個下拉框的任意一個值,同時第三個下拉框的值跟著改變,顯示對應(yīng)的數(shù)據(jù)。ps:what?光動態(tài)添加就足以。。賦值還不能直接賦,而是添加下拉時就賦值。。
創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站設(shè)計、做網(wǎng)站、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)寬城,十年網(wǎng)站建設(shè)經(jīng)驗(yàn),價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220
利用jquery把select選擇的option的值傳給span。
設(shè)置一個input type=“text readonly=truebr/select multiple style=display:none/select,當(dāng)點(diǎn)擊input的時候,查詢數(shù)據(jù)庫,將值賦值給select并讓select顯示出來,選擇option的時候給input賦值就搞定了。
點(diǎn)擊#ca時,檢查有沒有options_loaded=1,有就不再發(fā)起ajax請求了。沒有的話:發(fā)起ajax請求獲取最新數(shù)據(jù)。追加option前先清空所有options。追加后,給#ca元素添加屬性options_loaded=1。
1、可以選擇用post方法 思維是 現(xiàn)用post方法給第一個框賦值,然后默認(rèn)取第一個框里的第一個值,給第二個框賦值。然后給一個框加一個onselect事件。
2、把該項的值傳給服務(wù)端,由服務(wù)端返回新的菜單數(shù)據(jù)到菜單方式2:菜單數(shù)據(jù)靜態(tài)存儲在js或者h(yuǎn)tml元素中,當(dāng)點(diǎn)擊某個菜單項后,直接把相應(yīng)的菜單數(shù)據(jù)到菜單源代碼你可以在百度搜索 js下拉菜單 聯(lián)動 得到。
3、和一些函數(shù)的使用,寫出來就容易一些了。另外,jQuery 有很多插件可以使用,這種多級菜單的就有不少,動畫效果等還很炫,比自已寫的要好看多了,效率也高一些。
思維是 現(xiàn)用post方法給第一個框賦值,然后默認(rèn)取第一個框里的第一個值,給第二個框賦值。然后給一個框加一個onselect事件。
網(wǎng)頁下拉框聯(lián)動,即第一個下拉框內(nèi)容改變,則與之聯(lián)動的另一個下拉框的內(nèi)容也隨之改變。
接下來,我們在#city中,放置三個select,并且三個select分別設(shè)置class屬性為:prov、city、dist,分別表示省、市、區(qū)(縣)三個下拉框。注意如果只想實(shí)現(xiàn)省市二級聯(lián)動,則去掉第三個dist的select即可。