用v-model繫結、獲取下拉框選中value
通過v-for,遍歷部門列表/角色列表,動態展現option裡的資料
通過』v-on』設定option的value
通過}設定option的text
即將迭代出的item中資料分別設定給option的value和text
通過select的@change呼叫方法,根據v-model獲取選中值,呼叫介面,查詢並重新整理下乙個下拉框的資料。
//本來想把這些列表引數都塞到乙個物件裡,中間除錯的時候出bug了,先湊合用著好了。
下拉框頁面:
"selectgroup" @change=
"getroles"
>
————請選擇部門—————
"group.gid" v-for=
"group in grouplist"
>
}"selectrole" @change=
"getperms"
>
————請選擇角色————
"role.rid" v-for=
"role in rolelist"
>
}"list-group list-group-flush"
>
"perm.perm" v-for=
"perm in permslist"
>
}
根據返回的資料,初始化下拉框和列表
//獲取使用者許可權
getuserperms:
function
(uid)
else
that.userpermsupdateisshow =
true;}
,function
(err))}
,
根據下拉框變化,重新整理後面的下拉框和列表:
//根據專案組id獲取角色列表
getroles:
function()
,function
(err))}
},//根據角色id獲取許可權列表
getperms:
function()
,function
(err))}
},
提交下拉框資料:
//更新使用者許可權
updateuserperms:
function()
else
that.userpermsupdateisshow =
false;}
,function
(err))}
else
},
jsf a4j 實現下拉框聯動
專案一直用jsf做,最近乙個需求要做乙個下拉框二級聯動,第乙個下拉框顯示節點名稱,第二個下拉框根據節點名稱動態顯示該節點下的證照型別。一開始沒考慮用ajax,就在第乙個下拉框中用了valuechangelistener和 nchange submit 但當第乙個下拉框值變後submit激發了查庫的過...
MVC 實現下拉框
mvc動態實現下拉框的方式有很多種,但是方便快捷的卻是很少,現在記錄一種常用的下拉框實現方式 1.先看看檢視 是怎麼寫的 這是乙個下拉框 html.dropdownlist selectroleid viewdata rolds as selectlist,請選擇 new 從上 可以看出html自帶...
下拉框聯動
這裡寫了selclass和sellesson兩個下拉框,下拉框的selclass的選中值事件會觸發addsellesson 方法,該方法通過ajax向後台非同步請求資料動態給下拉框sellesson賦值 html 如下 班級課程 selclass onchange addsellesson styl...