from: http://www.cnblogs.com/xinjian/archive/2011/03/02/1968955.html
从网上找到，有例子，他写的是.net的我添加一个java的。
在网上找了很久，还是没有找到合适的combobox.于是自己封装了一个。
主要实现的功能有。
1.点击标签，显示所有数据源
2.在text中输入文本，模糊匹配。
3.配置是否必须要选择。
4.添加选中时的事件。
具体描述如下。
combobox原型属性： 原型属性主要的用途为一次设定，所有combobox的实例都可以使用
maxLength 自动搜索时，显示的最大长度，默认为所有，主要是因为搜索出来过多时，影响速率
mustSelect 必须选择，默认为false ,配置该combobox是否必须选择
fieldText 数据源的文本字段，默认为text
fieldValue 数据源的ID字段，默认为id
combobox原型方法
Init() 初始化所有combobox外观，第一个参数为jquery选择器,选择多个可以设定textbox的class,第二个参数为图片地址，
combobox属性
host 该combox对应text的选择器，如“#demo”
dataSource 数据源
defaultText combobox默认显示的值
事件
onSelected 当选择一个options时触发，参数为option的 jquery对象，如参数名为jqdom ,那么id应该是jqdom.attr(‘id’)
text应该为jqdom.text();
dataBind() 绑定combobox的数据源。
简单调用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<link rel="Stylesheet" href="combobox/jquery.combobox.css" />
<script type="text/javascript" src="combobox/jquery-1.3.2-vsdoc2.js"></script>
<script type="text/javascript" src="combobox/jquery.combobox.js"></script>
<script type="text/javascript">
$(function() {
//设置该页面上所有combobox的模式
//combobox.prototype.mustSelect = false; //必须选择参数,默认为false
//combobox.prototype.fieldText = "text"; //设置数据源文本命名，默认为text
//combobox.prototype.fieldValue = "id"; //设置数据源id命名，默认为id
// combobox.prototype.maxLength = 3; //自动搜索显示20项,默认为null.即不限制
//初始化所有combobox
//如果有多个text要改成combobox.请在text上设置class。然后id参数使用‘.class',如 combobox.prototype.init(".demos"）
combobox.prototype.init("#demo", "combobox/dropdown.gif");
//绑定
var combo = new combobox("#demo");
combo.dataSource = [{ id: 'i1', text: 't1' }, { id: 'i2', text: 't2' }, { id: 'i3', text: 't3' }, { id: 'i4', text: 't4' }, { id: 'i5', text: 't5'}];
//combo.defaultText = "xx";//text的默认值，默认为text的value;
combo.dataBind();
});
</script>
</head>
<body>
<input type="text" id="demo" value="ab" />
</body>
</html>
相关推荐
虽然jQuery ComboBox 是基于jQuery UI的，但请注意并非所有版本的jQuery UI都包含此组件。确保使用的jQuery UI版本包含ComboBox插件。此外，测试其在不同浏览器和设备上的兼容性，以确保用户体验的一致性。 总的来...
**jQuery Combobox 扩展详解** jQuery Combobox 是一个基于 jQuery UI 的插件，它将传统的下拉选择框（select）与自动补全（autocomplete）功能结合在一起，为用户提供更友好的交互体验。这个扩展在2011年7月30日...
**jQuery Combobox自动补全**是一种常见的前端交互组件，它结合了输入框和下拉列表的功能，为用户提供方便的数据选择和快速输入体验。这个组件在网页应用中广泛使用，尤其适用于需要用户从大量预定义选项中进行选择...
标题中的“自己写的jQuery combobox插件”表明我们要讨论的是一个使用jQuery库开发的自定义下拉选择框组件。在Web开发中，jQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理和动画效果。Combobox...
**jQuery Combobox 扩展详解** 在Web开发中，我们经常需要使用下拉框（Select）来提供用户选择项，但原生的HTML Select元素在交互性和可定制性上存在一定的局限性。jQuery Combobox是一个非常实用的插件，它通过...
《jQuery Combobox优化详解：解决默认选择与滚动后无法关闭问题》 在Web开发中，jQuery Combobox是一款常用的UI组件，它将下拉列表和文本输入框结合在一起，提供了更友好的用户交互体验。然而，实际应用中可能会...
标题中的“模仿extjs风格写的jquery combobox”指的是一个基于jQuery的下拉选择框组件，它的设计灵感来源于ExtJS库的ComboBox控件。ExtJS是一款功能丰富的JavaScript框架，以其强大的组件化和数据绑定机制著名，而...
**jQuery Combobox插件** jQuery Combobox是一款经过精心设计和优化的UI组件，它将下拉列表（Select）与输入框（Input）的功能相结合，提供了一种美观且用户友好的选择项交互方式。这款插件在jQuery的基础上进行...
**jQuery UI Combobox扩展**是基于流行的JavaScript库jQuery和其UI框架jQuery UI的一个自定义组件。这个扩展将传统的HTML `<select>` 元素转化为一个功能更丰富、交互性更强的下拉框，提供了更好的用户体验。它结合...
jquery-combobox2Demo 网上都有的例子保存在这里方面下载
至此，我们已经实现了jQuery EasyUI Combobox的级联功能，当用户在“省份”Combobox中选择一项时，“城市”Combobox会自动更新其选项。整个过程中，Java后端负责处理数据请求，提供JSON格式的数据，而前端则负责展示...
### jQuery ComboBox的核心特性 1. **易用性**：jQuery ComboBoxDemo 设计简洁，易于理解和集成到现有项目中。只需引入必要的CSS和JS文件，然后通过简单的配置即可创建出具有下拉列表功能的输入框。 2. **自定义...
在jQuery EasyUI中，DataGrid是一种常用的表格展示控件，它可以与各种编辑器结合使用，如combobox（下拉框）来实现更丰富的交互功能。本文主要探讨的是如何利用jQuery EasyUI的DataGrid和combobox组件实现多级联动的...
**jQuery Combobox 知识详解** `jQuery Combobox` 是一个基于 jQuery 的插件，它为传统的 HTML `<select>` 元素提供了一种增强的用户体验。这个插件将下拉列表的功能与输入框结合起来，使得用户既可以点击下拉菜单...
内容索引:脚本资源,jQuery,combobox jquery combobox是用来美化表单元素的，比如下拉列表、复选框等，本实例包是一个美化下拉列表的实例，在它的作用下，下拉列表Select变成了一个有着漂亮外衣的下拉菜单，而且还是...