一開始作這個功能 批量修改用戶組 ,javascript
當勾選若干用戶組後,html
點擊【批量修改用戶組】-》ajax提交後臺查詢-》返回下拉菜單列表內容-》 彈出對話框並賦予下拉菜單select 動態數值。java
關鍵代碼以下:ajax
html代碼以下:(點擊修改用戶組)json
<div id="hrefkd" style="display:none;width:200px;float:inherit;"> <a href="javascript:void(0)" id="kdupdate">批量修改用戶組</a> </div>
前臺jsasync
//點擊 【 批量修改用戶組 】 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 及顯示數值。ide