<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 UI的自动完成组件演示代码
jquery.autocomplete.js 、jquery.autocomplete.css
jQuery UI Autocomplete 1.8.16 中文输入修正代码,使用jQuery UI Autocomplete的朋友可以参考下
jquery.autocomplete实例
jquery ui autocomplete实现自动填充
介绍 在 jQuery UI 的最近更新中增加了自动... jQuery UI 的下载地址:http://jqueryui.com/download 一.基本配置 一般来说,引用独立的脚本可以减小页面的尺寸,我们这里使用独立的脚本。对于 autocomplete 来说,涉及
支持的数据源 jQuery UI Autocomplete主要支持字符串Array、JSON两种数据格式。 普通的Array格式没有什么特殊的,如下: 代码如下: [“cnblogs”,”博客园”,”囧月”] 对于JSON格式的Array,则要求有:label、value...
jquery-autocomplete 可用
做界面效果非常好的jquery工具,在jquery上下载的源码,直接能用
demo,可直接运行查看效果,实现的效果是:在输入框中输入汉字时触发keyup事件,即自动出现多个选项,选中某选项时自动将该选项值和所需属性填充到指定输入框中。
javascript 实现Autocomplete 源代码。可以嵌入任何大多数ASP.net,java的系统中。携程网效果。但是Microsoft Dynamics CRM 4.0例外。 Microsoft Dynamics CRM 4.0用的以后推出。
NULL 博文链接:https://zyssnh.iteye.com/blog/2029229
jquery.autocomplete的js+css 自动查询的显示的空控件,jquery.autocomplete.js和jquery.autocomplete.css文件
jquery.autocomplete 自动提示
JQuery UI之Autocomplete使用详解
jquery autocomplete官方版(源代码+示例) 自动补充功能非常实用
利用jquery.autocomplete插件搜索并将查询出来的结果进行分页
智能联想框js,可以做到跟百度一样的在输入框输入内容就能出联想框的效果
NULL 博文链接:https://shihuan830619.iteye.com/blog/1629637
jquery.validate.js jquery.metadata.js jquery.autocomplete.js的打包合集,这些jquery的扩展包非常好用,希望对需要的童鞋有用