EasyUI 是一个 HTML5 框架，用于使用基于 jQuery、React、Angular 和 Vue 技术的用户界面组件。它有助于为交互式 Web 和移动应用程序构建功能，为开发人员节省大量时间。
在本文中，我们将学习如何使用 jQuery EasyUI 设计 ComboBox。 ComboBox显示一个可编辑的文本框和下拉列表，用户可以从中选择一个或多个值。
EasyUI for jQuery 下载：
https://www.jeasyui.com/download/index.php句法：
特性：
- valueField：要绑定到此 ComboBox 的基础数据值名称。
- textField：要绑定到此 ComboBox 的基础数据字段名称。
- groupField：指示要分组的字段。
- groupFormatter：返回组文本以显示在组项目上。
- mode：定义文本改变时如何加载列表数据。
- url：从远程加载列表数据的 URL。
- 方法：检索数据的http方法。
- data：要加载的列表数据。
- queryParams：请求远程数据时将发送到服务器的附加参数。
- limitToList: True 将输入值限制为列出的项目。
- showItemIcon: True 以在文本框上显示所选项目的图标。
- groupPosition：项目组位置，
- filter：定义当’mode’设置为’local’时如何过滤本地数据。
- 格式化程序：定义如何呈现行。
- loader：定义如何从远程服务器加载数据。返回 false 可以中止这个动作。
- loadFilter：返回过滤后的数据显示。
事件：
- onBeforeLoad：在请求加载数据之前触发。
- onLoadSuccess：成功加载远程数据时触发。
- onLoadError：在加载远程数据期间发生错误时触发。
- onChange：当字段值改变时触发。
- onClick：当用户单击列表项时触发。
- onSelect：当用户选择一个列表项时触发。
- onUnselect：当用户取消选择列表项时触发。
方法：
- 选项：返回选项对象。
- getData：返回加载的数据。
- loadData：加载语言环境列表数据。
- reload：请求远程列表数据。
- setValues：设置组合框值数组。
- setValue：设置组合框值。
- clear：清除组合框值。
- select：选择指定的项目。
- 取消选择：取消选择指定的项目。
CDN 链接：首先，添加项目所需的 jQuery Easy UI 脚本。
示例 1：
HTML
GeeksforGeeks
EasyUI jQuery combobox widget
输出：
参考： http://www.jeasyui.com/documentation/