easyui combobox组合框 （二）

版权声明：本文为博主原创文章，转载需注明来源 https://blog.csdn.net/fsxxzq521/article/details/78686184

这一篇主要就说一下onSelect这个方法的用处。
先来一段代码。前提是id为“t-id”的combobox组合框已经加载数据

onSelect在组合框的item被选择时触发。

html部分
<input id="t-id" type='text'>
<input id="t-text" type="text">

javaScript部分：
jquery(function(){
    $('t-id').combobox({
    valueField:'id';
    textField:'text';
    onSelect:function(rec){//rec是选中的数据，json对象。可通过rec.xx来取得值
            //这里可以做你想做的操作
            //比如调用一个自己写的函数。。。
            addData('../xxx/v1/?xxxxx&xx=get_all_tire&tire_param_id='+rec.xx);//假设参数为url

    }
    })
    function addData(curl){
        $('#t-text').combobox({
            url:curl;
            valueField:'id',
            textField:'text'
        })
    }
})

javaScript部分也可以这样写。

$('#t-text').combobox({
            valueField:'id',
            textField:'text'
        })
function addData(curl){
$.ajax({
url:curl,
type:'post',
dataType:'json',
success:function(data){
$('#t-text').combobox('loadData',data.xxx);

}
})
}

如有不对，欢迎留言指正，谢谢