jeasyui-combobox增加“请选择”选项

最新推荐文章于 2023-11-15 17:26:14 发布

转载最新推荐文章于 2023-11-15 17:26:14 发布 · 5.5k 阅读

文章标签：

本文介绍了一种利用Ajax技术动态加载下拉框数据的方法，并通过JavaScript实现了默认选项的设定。具体实现中，首先通过Ajax获取JSON格式的数据列表，然后使用jQuery将这些数据填充到下拉框中，并设置了加载成功后的默认选中项。

		$.ajax({  
                    url: '/DocProcess/GetListType',  
                    dataType: 'json',  
                    success: function (jsonstr) {  
                        jsonstr.unshift({  
                            'ID': '-1',  
                            'Name': '-请选择-'  
                        });//向json数组开头添加自定义数据  
                        $('#Type').combobox({  
                            data: jsonstr,  
                            valueField: 'ID',  
                            textField: 'Name',  
                            onLoadSuccess: function () { //加载完成后,设置选中第一项  
                                var val = $(this).combobox('getData');  
                                for (var item in val[0]) {  
                                    if (item == 'ID') {  
                                        $(this).combobox('select', val[0][item]);  
                                    }  
                                }  
                            }  
                        });  
                    }  
                });