bootstrap-select文档:http://silviomoreto.github.io/bootstrap-select/
html页代码:
<select id="sexId" data-width="173px"> </select>
js代码:
<script type="text/javascript">
//1-动态加载选项代码:
function genSexDicVals() { $.ajax({ type: "post", url: "**/getSexDics", success: function (msg) { var objMsg = eval(msg); if (objMsg.status) { if (objMsg.dics) { for (var item in result.dics) { $("#sexId").append("<option value='"
+ objMsg.dics[item].SEX_ID + "'>" + objMsg.dics[item].SEX_NAME + "</option>"); } } $("#sexId").selectpicker("refresh"); } else { alert(objMsg.errMsg); } }, error: function (msg) { alert("获取数据异常,请联系管理员!"); } }); }
//2-回显代码
function reShowUserInfo() {
$.ajax({ type:"post", url:"**/showUserInfo", success:function(msg){ var result=eval(msg); if (result.status) { if (result.memberDetailBean) { $("#qlxUserId").val(qlxUserId); $("#userName").val(result.memberDetailBean.userName); $("#sexId").val(result.memberDetailBean.sexId? result.memberDetailBean.sexId:'-1'); $("#sexId").selectpicker('render'); } } }, error:function(msg){ alert("获取数据异常,请联系管理员!"); } }); }
</script>