Question

我有一个基本的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>
}

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

Answer 1

最后，我得到了自己的解决方案。当我需要动态添加选项时，我简单地添加了这些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
})

对我来说很好。谢谢。

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

1 个答案: