select加载数据和数据选中

后台

List<Map<String, Object>> list = jdbc.queryForList(sql);

model.addAttribute("roleId",  list.get(0).get("ROLE_ID"));

前台 

<select id="selectRoleId"  ></select>

<input id="user_role"  type="hidden" value="${roleId}" />

js

//data[i].role_id=1,2,3; 

//data[i].role_name="成都"，"上海"，"北京";

tempValue=$("#user_role").val()

$.each(data,function(i,item){

         var ui3="<option value='"+data[i].role_id+"'>"+data[i].role_name+"</option>"
         $("#selectSysRoleId").append(ui3);
         var obj = document.getElementById("selectRoleId");
          if( obj[i].value==tempValue){
                 //下拉列表选中
                obj[i].selected = true;
            }

          });

静态

      <input id="moduleType"  type="hidden" value="${moduleType}" />
<select class="form-control editinput" id="add_moduleType">
<option value="0" selected="selected">普通用户权限</option>
<option value="1">管理员权限</option>
<option value="2">超级管理员权限</option>
</select>

var moduleTypeValue=$("#moduleType").val();
   var objtype = document.getElementById("add_moduleType");
   for(var i=0;i<3;i++){
     if( objtype[i].value==moduleTypeValue){
            objtype[i].selected = true;
            }
     }