根据条件动态加载数据到easyui combobox

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 combobox

Dynamically load data to easyui combobox based on condition

javascript

jquery

jquery-easyui