easyUI框架 动态生成选择框

每次使用前端框架，动态生成选择框都会被卡。今天说说easyUI动态生成选择框

html：

 <select class="easyui-combobox" id="jobLevel" name="jobLevel" 
         style="width:42%;height:26px;"
         data-options="panelHeight:'auto',editable:false,valueField:'id',textField:'text'">
 </select>

其中这句很重要

valueField:'id',textField:'text'

（因为我之前动态生成选择框了，但是始终无法选择。js的function中加入这两句，当时也不起作用。只有加在html才起作用）

 

js：

// 显示搜索框，并生成职务层级下拉框
function getSearchDiag() {
    var data=JSON.parse(localStorage.getItem("jobLevel"));
    if(data==null){
        data = getJobLevel();
    }
    var jobLevelObj = jQuery("#jobLevel");
    generateJLSelect(jobLevelObj, data.rows);
    jQuery("#search_dlg").dialog('open').dialog('center');
}

// 生成下拉框
function generateJLSelect(obj, data) {
    obj.combobox("loadData", data);
}

其中：

data是json格式的数组：

(id与text 和 valueField:'id',textField:'text'对应)，形如：

[{id: "10", text: "员工"},
{id: "30", text: "助理"},
{id: "60", text: "经理"}]