使用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); } }); }