使用easyUI框架实现select下拉框动态加载option

使用easyUI框架在页面做动态加载select下拉框的option时,会出现值已经通过ajax取到并且可以alert弹出但无法追加到指定id的select下。

解决办法:

1、页面select加class="easyui-combobox"

<select id="user" name="user" class="easyui-combobox" style="200px;"></select>

2、js文件内容

$(function(){
    onChangeName();
});
function onChangeName(){
    // 获取到部门下拉框的值
    var options = $("#department option:selected");
    var vdepartment= options.val();
var user= document.getElementById("user");var dataList = []; $.ajax({ // 使用JQuery内置的Ajax方法 type : "post", // post请求方式 async : false, //同步请求将会锁住浏览器,用户其他操作必须等待请求完成才可以执行 url : "tevo_listUserUI.action?department=" + vdepartment,
     dataType : "json", // 返回数据形式为json success : function(result) { for ( var u = 0; u < result.length; u++) { dataList.push({"value": result[u].userId,"text":result[u].userName}); } $("#user").combobox("loadData", dataList); } }); }
原文地址:https://www.cnblogs.com/shoose/p/8393071.html