根据条件将数据动态加载到easyui组合框

时间:2019-11-04 08:23:13

标签: javascript jquery jquery-easyui

我有一个基本的Easyui组合框,需要在其中根据某些条件添加动态选项。 我的HTML:

<input id="org_type" name="org_type" class="easyui-combobox" data-options="required: true,valueField:'value',textField:'text',prompt:'Select Org Type'" style="width:100%;" >

现在,我需要根据某些条件加载一些选项。 例如:

if(level == 1){
   <option value="volvo">Volvo</option>
   <option value="saab">Saab</option>
}else{
   <option value="vw">Volvo</option>
   <option value="audi">Saab</option>
}

尽管我知道这不是正确的方法。 我实际上需要这样的东西。

1 个答案:

答案 0 :(得分:3)

最后,我得到了自己的解决方案。 当我需要动态添加选项时,我简单地添加了这些JavaScript代码。

let options  = [];
if(level == "1"){

options = [
    {
        text: 'Volvo',
        value: 'volvo'
    },
    {
        text: 'Saab',
        value: 'saab'
    }
];

}else if(org_level == "2"){
options = [
    {
        text: 'Marcedes',
        value: 'marcedes'
    },
    {
        text: 'Scania',
        value: 'scania'
    },
    {
        text: 'BMW',
        value: 'bmw'
    }
];

}

$('#org_type').combobox({
        data: options
})

对我来说很好。 谢谢。