首页 > 其他 > 详细

让人头疼一晚上的 select 下拉框赋值问题

时间:2014-03-23 10:25:49      阅读:602      评论:0      收藏:0      [点我收藏+]

bubuko.com,布布扣

一开始做这个功能 批量修改用户组 ,

当勾选若干用户组后,

点击【批量修改用户组】-》ajax提交后台查询-》返回下拉菜单列表内容-》 弹出对话框并赋予下拉菜单select 动态数值。

关键代码如下:

html代码如下:(点击修改用户组)

bubuko.com,布布扣
<div id="hrefkd" style="display:none;width:200px;float:inherit;">
  <a href="javascript:void(0)" id="kdupdate">批量修改用户组</a>            
</div>
bubuko.com,布布扣


  前台js

bubuko.com,布布扣
//点击 【 批量修改用户组  】
    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"); } }
bubuko.com,布布扣


点击修改用户组->执行查询>根据回调函数中eve[i][0],eve[i][1]分别取到 select的option value 及显示数值。

让人头疼一晚上的 select 下拉框赋值问题,布布扣,bubuko.com

让人头疼一晚上的 select 下拉框赋值问题

原文:http://www.cnblogs.com/colmeluna/p/3615597.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!