<script type="text/javascript">
$(function () {
$('#city_name').autocomplete({
// max:5,
// width:210,
// scrollHeight:300,
minLength:2,
source:$.parseJSON($("#city_date").val()),
select:function (e, ui) {
$("#city_id").val(ui.item.value);
$('#city_name').val(ui.item.label+", "+ui.item.desc)
return false
},
focus:function (e, ui) {
$('#city_name').val(ui.item.label)
return false
}
}).data("autocomplete")._renderItem = function (ul, item) {
return $("<li></li>")
.data("item.autocomplete", item)
.append("<a style='margin-left: 2px;'><span>" + item.label + "</span><span style='margin-right: 2px; float:right; color:#08C;'>" + item.desc + "</span><a>")
.appendTo(ul);
};
});
</script>
分享到:
相关推荐
**jQuery UI Autocomplete** 是一个基于 jQuery 库的插件,用于实现自动补全功能,它为用户在输入框中输入内容时提供实时的建议列表。这个功能在各种 Web 应用中非常常见,比如搜索框、表单填充等,能够极大地提升...
**jQuery Autocomplete.js 插件使用详解** jQuery Autocomplete.js 是一个非常实用的插件,它为HTML输入框提供了自动补全功能,极大地提升了用户体验。这个插件基于jQuery库,结合Ajax技术,能够实时从服务器获取...
**jQuery Autocomplete 实例详解** `jQuery UI` 的 `Autocomplete` 是一个强大的功能,它为输入框提供了自动补全的功能,广泛应用于各种 Web 应用中,如搜索引擎、表单填充等。这个实例将深入讲解如何在项目中有效...
**jQuery AutoComplete 使用详解** jQuery AutoComplete 是一个非常流行的 jQuery 插件,它为输入框提供了自动补全功能,能够极大地提升用户体验。这个插件基于 jQuery 库,因此需要先引入 jQuery 才能使用。在本文...
**jQueryUI官方实例集**是面向那些初学者和开发者提供的一系列基于jQuery UI库的实践示例。jQuery UI是一个强大的JavaScript库,它扩展了基础的jQuery功能,提供了丰富的用户界面组件,如对话框、日期选择器、拖放...
1. **小部件(Widgets)**:这是jQuery UI的核心部分,包括日期选择器(Datepicker)、对话框(Dialog)、下拉菜单(Autocomplete)、滑块(Slider)、排序列表(Sortable)、可拖放元素(Draggable)和可吸附元素...
你可以从其官方网站(如:http://jqueryui.com/autocomplete/)下载,或使用 CDN 地址: ```html <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> ...
**jQuery Autocomplete 仿 Google 实例** 在网页开发中,Autocomplete 功能是常见的交互设计,它可以提升用户体验,帮助用户快速找到他们想要输入的内容。jQuery UI 的 Autocomplete 插件是一个强大的工具,它允许...
这个资源包包含了丰富的信息和实例,可以帮助开发者更深入地理解和应用jQuery Autocomplete插件。 **1. 插件介绍** jQuery Autocomplete是jQuery UI框架的一部分,它允许在输入框中实现自动填充功能,通常用于搜索...
综上,"jQuery-Autocomplete-master"压缩包提供的实例,不仅展示了如何使用jQuery Autocomplete插件实现自动补全功能,还涵盖了本地和远程数据源的处理,对于前端开发者来说,这是一个很好的学习和实践资源。
**jQuery UI Autocomplete** jQuery UI Autocomplete 是一个强大的前端组件,它基于 jQuery 库,用于实现自动补全功能。这个组件允许用户在输入框中键入文字时,系统会根据预设的数据源实时显示匹配的建议列表,极...
由于 `jQuery.autocomplete` 是一个可定制的插件,开发者可以轻松地与其他库(如 Bootstrap、jQuery UI 等)集成,或者添加自定义的事件处理程序,以实现更复杂的功能,如实时搜索建议、保存用户历史记录等。...
**jQuery UI 精彩实例详解** jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集合,它提供了丰富的交互...在 lwme-jqueryui-demo 压缩包中,包含了更多实际的演示和代码,帮助你进一步探索和应用这些知识。
《jQuery UI 1.8.23:官方下载与深度解析》 jQuery UI,作为jQuery框架的一个强大扩展,为Web开发者提供了丰富的用户界面组件和交互功能。本文将深入探讨jQuery UI 1.8.23这个官方最新版本,以及如何下载、安装和...
jQuery UI的核心是其组件系统,这些组件包括但不限于:`accordion`(手风琴)、`autocomplete`(自动完成)、`datepicker`(日期选择器)、`dialog`(对话框)、`draggable`(可拖动)、`droppable`(可放置)、`...
这个“jquery ui demo”正是一个展示jQuery UI功能的实例集合,通过它,我们可以深入理解和学习如何在实际项目中运用jQuery UI。 首先,jQuery UI 包含了多种组件,如对话框(Dialog)、日历(Datepicker)、拖放...
- **JavaScript初始化**:通过JavaScript代码调用jQuery方法来实例化组件。 - **事件处理**:监听组件的交互事件,实现更复杂的业务逻辑。 5. **社区和资源** - **文档**:官方文档详细介绍了每个组件的用法、...
**jQuery UI 中文帮助文档详解** jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集合,...通过阅读“JQuery UI 中文帮助文档”,你可以获取更多组件的用法、配置选项及实例,进一步提升你的前端开发技能。
《jQuery UI:丰富效果与实例解析》 jQuery UI 是基于 jQuery JavaScript 库的扩展插件,它提供了一系列可交互的用户界面组件,如对话框、拖放功能、日期选择器等,大大增强了网页的用户体验。在本文中,我们将深入...
jQuery UI 1.7 的中文文档为开发者提供了详尽的使用指南、API参考和实例代码,帮助快速理解和应用这些组件。 综上所述,jQuery UI 1.7 是一个强大的工具集,能够极大地提升Web应用的用户体验和开发效率。通过深入...