jqgrid实现二级联动下拉框

首先，利用jqgrid设置表格样式，如下：

jQuery(grid_selector).jqGrid({
					data: grid_data,	//从后台获取到的grid_data数据
					datatype: "local",
					height: 400,
					colNames:[' ', 'id', '登录账号',  '用户密码', '所属角色', '用户姓名','用户说明'],
					colModel:[
						{name:'myac', index:'', width:80, fixed:true, sortable:false, resize:false,
							formatter:'actions', 
							formatoptions:{ 
								keys:true,
								delOptions:{recreateForm: true, beforeShowForm:beforeDeleteCallback},
								//editformbutton:true, editOptions:{recreateForm: true, beforeShowForm:beforeEditCallback}
							}
						},
						{name:'id', index:'id', width:60, sorttype:"int", editable: true, hidden:true},
						{name:'logincode', index:'logincode', width:60, sortable:false, editable: true, editoptions:{/* readonly:true, */ size:"20", maxlength:"30"}},	//登录账号
						{name:'password', index:'password', edittype:'password', width:60, sortable:false, editable: true, hidden:true, editrules:{edithidden:true}, editoptions:{size:"20",maxlength:"30"}},	//用户密码
						{name:'roleid', index:'roleid', width:60, sortable:false, editable: true, edittype:'select', editoptions:{
							value:getr