jquery easyui 中combobox的onselect事件怎么做下拉框的级联

jquery easyui 中combobox的onselect事件怎么做下拉框的级联,第1张

1:准备2个input设置不同的id

<input id="box1">

<input id="box2">

2:注册easyui的combobox控件

$('#box1')combobox({

data:[{id:0,text:'广州'},{id:1,text:'上海'}]

valueField:'id',

textField:'text'

});

$('#box2')combobox({

valueField:'id',

textField:'text'

});

3:由box1联动显示box2的数据,设置box1的onSelect事件

$('#box1')combobox({

onSelect:function(record){

var region=[];

if(recordid==0){//如果城市是广州

regionpush={id:0101,text:"黄埔区"};

regionpush={id:0102,text:"天河区"};

}else if(recordid==1){//如果城市是上海

regionpush={id:0101,text:"浦东区"};

regionpush={id:0102,text:"松江区"};

}

//给box2赋值

$('#box2')combobox({

data: region

});

}

});

var width = $(window)width()-80;

var height = $(window)height()-120;

stView_layout = $('#stView_layout')layout({

width: width,

height: height

});

station_view = $('#stationView')window({

title: '测站导航',

left:50,

top:80,

width: width,

modal: false,

shadow: false,

closed: true,

height: height,

onResize:function(w,h){

if(stView_treegrid){

stView_treegridtreegrid({

width:w-20,

height:h-260

});

}

}

});

1:准备2个input设置不同的id

<input id="box1">

<input id="box2">

2:注册easyui的combobox控件

$('#box1')combobox({   

    data:[{id:0,text:'广州'},{id:1,text:'上海'}]

    valueField:'id', 

    textField:'text'  

});

$('#box2')combobox({   

    valueField:'id', 

    textField:'text'  

});

3:由box1联动显示box2的数据,设置box1的onSelect事件

$('#box1')combobox({   

    onSelect:function(record){

        var region=[];

        if(recordid==0){//如果城市是广州

            regionpush={id:0101,text:"黄埔区"};

            regionpush={id:0102,text:"天河区"};

        }else if(recordid==1){//如果城市是上海

            regionpush={id:0101,text:"浦东区"};

            regionpush={id:0102,text:"松江区"};

        }

        //给box2赋值

        $('#box2')combobox({   

            data: region

        });

    }

});

 4:

以上就是关于jquery easyui 中combobox的onselect事件怎么做下拉框的级联全部的内容,包括:jquery easyui 中combobox的onselect事件怎么做下拉框的级联、在easyUI联动加载下拉框的时候为什么 只能显示 不能选择下拉框的值 我绑定的id 是唯一的啊 !!求解!!、jquery easyUI datagrid中combobox级联过滤怎么实现等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9484526.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存