ComboBox的基本用法

最新推荐文章于 2021-09-25 16:25:02 发布

转载最新推荐文章于 2021-09-25 16:25:02 发布 · 250 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xplj2013/p/7802937.html

本文介绍如何利用jQuery和ligerUI库实现一个动态下拉组合框功能，包括设置组合框的高度、宽度、字段名及触发事件等，并通过回调函数处理数据加载，适用于网页表单的数据选择操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var url=""/获取数据的url地址

var param =new Object();//参数

$.post(url,param,function(data){//回掉函数

if(data){

var combo_set = new Object();

　　　　combo_set['selectBoxHeight'] = 195;
               combo_set['selectBoxWidth'] = 100;
               combo_set['valueField'] = 'code';
               combo_set['textField'] = 'title';
               combo_set['hideGridOnLoseFocus'] = true;
               combo_set['autocompleteAllowEmpty'] = true; //空格
               combo_set['onSelected'] = function (newvalue){
                    //当选中时触发事件

　　　　　　　//$('#'+id).empty();--------------------清空指定的元素（会把表单元素也清空了）
                    //$('#'+id).append('<input id="B_JYPH" class="w_90_p" type="text">');----------添加表单元素到指定的元素中
               };
               combo_set['data'] = data['Rows'];//设置数据
               var priceareaBox = $("#B_JGQJ").ligerComboBox(combo_set);//给指定的输入框元素添加ligerComboBox对象

}

})

转载于:https://www.cnblogs.com/xplj2013/p/7802937.html