正文
让人头疼一晚上的 select 下拉框赋值问题
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
一开始做这个功能 批量修改用户组 ,
当勾选若干用户组后,
点击【批量修改用户组】-》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 及显示数值。