1. 程式人生 > >easyui combobox組合框 (二)

easyui combobox組合框 (二)

這一篇主要就說一下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);

}
})
}

如有不對,歡迎留言指正,謝謝