一开始做这个功能 批量修改用户组 ,
当勾选若干用户组后,
点击【批量修改用户组】-》ajax提交后台查询-》返回下拉菜单列表内容-》 弹出对话框并赋予下拉菜单select 动态数值。
关键代码如下:
html代码如下:(点击修改用户组)
<div id="hrefkd" style="display:none;width:200px;float:inherit;"> <a href="javascript:void(0)" id="kdupdate">批量修改用户组</a> </div>
前台js
//点击 【 批量修改用户组 】 jQuery("#kdupdate").click( function() { var s; s = jQuery("#kdlist").jqGrid(‘getGridParam‘,‘selarrrow‘); openDialog4Modify(s); }); var openDialog4Modify = function(s){ if(s==""){ //没有做任何勾选 hiAlert("请勾选要修改的用户"); return false; } else{ $.ajax( { url : "roleAction!showSelected.action?selectedIds="+s, //data : params, data:{selectedIds:s}, dataType : "json", cache : false, async: false, error : function(textStatus, errorThrown) { hiAlert("系统ajax交互错误: " + textStatus); }, success :
//回调函数 根据返回值 赋予下拉框值
function(eve) { var htm = ‘<option value="">请选择...</option>‘; if(eve != null){ for(var i=0;i<eve.length;i++){ htm +=‘<option value="‘+eve[i][0]+‘">‘+eve[i][1]+‘</option>‘; } } $("#usergroupkd").html(htm); } }); var consoleDlg=$("#consoleDlgkd"); //consoleDlg.dialog("destory"); var dialogButtonPanel = consoleDlg.siblings(".ui-dialog-buttonpane"); //consoleDlg.find("input").removeAttr("disabled"); dialogButtonPanel.find("button:not(:contains(‘取消‘))").hide(); dialogButtonPanel.find("button:contains(‘修改快递用户组‘)").show(); consoleDlg.dialog("option", "title", "修改用户组信息").dialog("open"); } }
点击修改用户组->执行查询>根据回调函数中eve[i][0],eve[i][1]分别取到 select的option value
及显示数值。
让人头疼一晚上的 select 下拉框赋值问题,布布扣,bubuko.com
原文:http://www.cnblogs.com/colmeluna/p/3615597.html