简体   繁体   English

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

[英]Dynamically load data to easyui combobox based on condition

I have a basic Easyui combobox where i need to add dynamic options based on some condition.我有一个基本的 Easyui combobox,我需要根据某些条件添加动态选项。 My Html:我的 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%;" >

Now i need to load some options based on some conditions.现在我需要根据某些条件加载一些选项。 for example:例如:

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

Though that's not the right approach i know.虽然这不是我知道的正确方法。 I need actually something like this.我实际上需要这样的东西。

Finally i got my own solution.最后我得到了自己的解决方案。 Simply i added these JavaScript code when i need to add options dynamically.当我需要动态添加选项时,我只需添加这些 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
})

And it work's fine for me.它对我来说很好。 Thanks.谢谢。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM