 上传我的文档
 下载
 收藏
该文档贡献者很忙，什么也没留下。
 下载此文档
正在努力加载中...
网络协议的自动化fuzztesting漏洞挖掘方法（原版论文）
下载积分：1000
内容提示：网络协议的自动化fuzztesting漏洞挖掘方法（原版论文）
文档格式：PDF|
浏览次数：1|
上传日期： 11:00:11|
文档星级：
该用户还上传了这些文档
网络协议的自动化fuzztesting漏洞挖掘方法（原版论文）
官方公共微信使用PopupWindow弹窗实现textview自动完成功能问题
使用PopupWindow弹窗实现textview自动完成功能问题
zhang89jt & &
发布时间： & &
浏览：0 & &
回复：0 & &
悬赏：0.0希赛币
求给位大神解答，小妹已经折腾了快两个星期了先上图：目前出现的问题就是，只能输入一个字母，然后就无法输入的，感觉快崩溃了一开始在网上看见一个例子&，http://blog.csdn.net/withiter/article/details/，但是addView之后无法移除才换的这个&textview&代码：//自动搜索联系人&@SuppressWarnings("unchecked")
crp_txtConName.addTextChangedListener(new&TextWatcher(){
public&void&afterTextChanged(Editable&str)&{
//&TODO&Auto-generated&method&stub
System.out.println("上次输入："+oldText+"本次输入："+str.toString());
if(str.length()&0&&oldText!=str.toString()){
oldText=str.toString();
//createView(str.toString());
System.out.println("进入：createPopup");
createPopup(str.toString());
public&void&beforeTextChanged(CharSequence&arg0,&int&arg1,
int&arg2,&int&arg3)&{
//&TODO&Auto-generated&method&stub
public&void&onTextChanged(CharSequence&arg0,&int&arg1,&int&arg2,
int&arg3)&{
//&TODO&Auto-generated&method&stub
});使用PopupWindow&代码：private&void&createPopup(String&str){
System.out.println("isFirstLoad："+isFirstLoad);
//if(isFirstLoad){
//获取LayoutInflater实例&
LayoutInflater&inflater&=&(LayoutInflater)this.getSystemService(LAYOUT_INFLATER_SERVICE);&
//这里的main布局是在inflate中加入的哦，以前都是直接this.setContentView()的吧？呵呵&
//该方法返回的是一个View的对象，是布局中的根&
View&layout&=&inflater.inflate(R.layout.con_float_list,&null);&
//下面我们要考虑了，我怎样将我的layout加入到PopupWindow中呢？？？很简单&
searchePop&=&new&PopupWindow(layout,crp_txtConName.getWidth(),&LayoutParams.WRAP_CONTENT);&//后两个参数是width和height&
//searchePop.showAsDropDown(layout);&//设置弹出效果&
//searchePop.showAsDropDown(null,&0,&layout.getHeight());&
//设置如下四条信息，当点击其他区域使其隐藏，要在show之前配置&
searchePop.setFocusable(true);&
searchePop.setOutsideTouchable(true);&
searchePop.update();&
searchePop.setBackgroundDrawable(new&BitmapDrawable());&//当点击其他区域使其隐藏
//如何获取我们main中的控件呢？也很简单&
con_float_Lst=&(ListView)layout.findViewById(R.id.con_float_Lst);&
SQLiteDatabase&nameDb=openDatabase();
cur=nameDb.rawQuery("select&ContactID&as&_id,ContactName,NickName&from"
+"&Contact&where&SortKey&like&'%"+str+"%'&or&SimpleSpelling&like&'%"+str+"%'",
System.out.println("联系人读取条数："+cur.getCount());
seachAdapter=new&ConSearchAdapter(ConRelationPop.this,cur,R.layout.item_con_name_list);
con_float_Lst.setAdapter(seachAdapter);&&
con_float_Lst.setOnItemClickListener(new&AdapterView.OnItemClickListener(){
public&void&onItemClick(AdapterView&?$>$arg0,&View&arg1,
int&index,&long&id)&{
//&TODO&Auto-generated&method&stub
System.out.println("con_float_Lst.OnItemClickListener,isFirstLoad"+isFirstLoad);
cur.moveToPosition(index);
crp_txtConName.setText(cur.getString(cur.getColumnIndex("ContactName")));
searchePop.dismiss();
isFirstLoad=
System.out.println(isFirstLoad);
文章太长没看，你这个效果应该用AutoCompleteView来写，不知道单词拼错没有，这个控件是用来做输入信息，然后自动匹配的。如：妻子、父亲等&可以在XML该控件中用hint属性里写出来dengcong & &
& & （0）（0）
本问题标题：
本问题地址：
温馨提示：本问题已经解决，不能解答。
暂无合适的专家
&&&&&&&&&&&&&&&
希赛网 版权所有 & &&如何使用jQuery UI实现自动完成（Autocomplete）？
网页技术,jQuery教程,jQueryUI实例,自动完成Autocomplete
本章我们主要学习如何使用jQuery UI实现自动完成（Autocomplete）？下面我们就做一下具体讲解，希望大家多多支持中国站长网络学院。
根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。默认功能当您在输入域中输入时，自动完成（Autocomplete）部件提供相应的建议。在本实例中，提供了编程语言的建议选项，您可以输入 &ja& 尝试一下，可以得到 Java 或 JavaScript。数据源是一个简单的 JavaScript 数组，使用 source 选项提供给部件。&!doctype html&
charset=&utf-8&
jQuery UI 自动完成（Autocomplete） - 默认功能
rel=&stylesheet& href=&///ui/1.10.4/themes/smoothness/jquery-ui.css&
src=&///jquery-1.9.1.js&
src=&///ui/1.10.4/jquery-ui.js&
rel=&stylesheet& href=&/resources/demos/style.css&
$(function() {
var availableTags = [
&ActionScript&,
&AppleScript&,
&Clojure&,
&ColdFusion&,
&Fortran&,
&Haskell&,
&JavaScript&,
$( &#tags& ).autocomplete({
source: availableTags
class=&ui-widget&
for=&tags&标签：
包含重音autocomplete 域使用自定义的 source 选项来匹配带有重音字符的结果项，即使文本域不包含重音字符也会匹配。但是如果您在文本域中键入了重音字符，则不会显示非重音的结果项。尝试键入 &Jo&，会看到 &John& 和 &J?rn&，然后 键入 &J?&，只会看到 &J?rn&。&!doctype html&
charset=&utf-8&
jQuery UI 自动完成（Autocomplete） - 包含重音
rel=&stylesheet& href=&///ui/1.10.4/themes/smoothness/jquery-ui.css&
src=&///jquery-1.9.1.js&
src=&///ui/1.10.4/jquery-ui.js&
rel=&stylesheet& href=&/resources/demos/style.css&
$(function() {
var names = [ &J?rn Zaefferer&, &Scott González&, &John Resig& ];
var accentMap = {
&á&: &a&,
var normalize = function( term ) {
var ret = &&;
for ( var i = 0; i & term.length; i++ ) {
ret += accentMap[ term.charAt(i) ] || term.charAt(i);
return ret;
$( &#developer& ).autocomplete({
source: function( request, response ) {
var matcher = new RegExp( $.ui.autocomplete.escapeRegex( request.term ), &i& );
response( $.grep( names, function( value ) {
value = value.label || value.value || value;
return matcher.test( value ) || matcher.test( normalize( value ) );
class=&ui-widget&
for=&developer&开发人员：
id=&developer&
分类分类的搜索结果。尝试键入 &a& 或 &n&。&!doctype html&
charset=&utf-8&
jQuery UI 自动完成（Autocomplete） - 分类
rel=&stylesheet& href=&///ui/1.10.4/themes/smoothness/jquery-ui.css&
src=&///jquery-1.9.1.js&
src=&///ui/1.10.4/jquery-ui.js&
rel=&stylesheet& href=&/resources/demos/style.css&
.ui-autocomplete-category {
font-weight: bold;
padding: .2em .4em;
margin: .8em 0 .2em;
line-height: 1.5;
$.widget( &custom.catcomplete&, $.ui.autocomplete, {
_renderMenu: function( ul, items ) {
var that = this,
currentCategory = &&;
$.each( items, function( index, item ) {
if ( item.category != currentCategory ) {
ul.append( &&li class='ui-autocomplete-category'&& + item.category + &&/li&& );
currentCategory = item.category;
that._renderItemData( ul, item );
$(function() {
var data = [
{ label: &anders&, category: && },
{ label: &andreas&, category: && },
{ label: &antal&, category: && },
{ label: &annhhx10&, category: &Products& },
{ label: &annk K12&, category: &Products& },
{ label: &annttop C13&, category: &Products& },
{ label: &anders andersson&, category: &People& },
{ label: &andreas andersson&, category: &People& },
{ label: &andreas johnson&, category: &People& }
$( &#search& ).catcomplete({
source: data
for=&search&搜索：
id=&search&
组合框（Combobox）一个由 Autocomplete 和 Button 创建的自定义部件。您可以键入一些字符，来获得基于您的输入过滤的结果，或者使用按钮从完整列表中选择。该输入是从一个已有的 select 元素中读取，传递给带有自定义的 source 选项的 Autocomplete。这是一个不被支持的不完美的部件。这里纯粹是为了演示 autocomplete 定制功能。&!doctype html&
charset=&utf-8&
jQuery UI 自动完成（Autocomplete） - 组合框（Combobox）
rel=&stylesheet& href=&///ui/1.10.4/themes/smoothness/jquery-ui.css&
src=&///jquery-1.9.1.js&
src=&///ui/1.10.4/jquery-ui.js&
rel=&stylesheet& href=&/resources/demos/style.css&
.custom-combobox {
position: relative;
display: inline-block;
.custom-combobox-toggle {
position: absolute;
bottom: 0;
margin-left: -1px;
padding: 0;
/* 支持： IE7 */
*height: 1.7em;
*top: 0.1em;
.custom-combobox-input {
margin: 0;
padding: 0.3em;
(function( $ ) {
$.widget( &bobox&, {
_create: function() {
this.wrapper = $( &&span&& )
.addClass( &custom-combobox& )
.insertAfter( this.element );
this.element.hide();
this._createAutocomplete();
this._createShowAllButton();
_createAutocomplete: function() {
var selected = this.element.children( &:selected& ),
value = selected.val() ? selected.text() : &&;
this.input = $( &&input&& )
.appendTo( this.wrapper )
.val( value )
.attr( &title&, && )
.addClass( &custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left& )
.autocomplete({
minLength: 0,
source: $.proxy( this, &_source& )
.tooltip({
tooltipClass: &ui-state-highlight&
this._on( this.input, {
autocompleteselect: function( event, ui ) {
ui.item.option.selected = true;
this._trigger( &select&, event, {
item: ui.item.option
autocompletechange: &_removeIfInvalid&
_createShowAllButton: function() {
var input = this.input,
wasOpen = false;
$( &&a&& )
.attr( &tabIndex&, -1 )
.attr( &title&, &Show All Items& )
.tooltip()
.appendTo( this.wrapper )
primary: &ui-icon-triangle-1-s&
text: false
.removeClass( &ui-corner-all& )
.addClass( &custom-combobox-toggle ui-corner-right& )
.mousedown(function() {
wasOpen = input.autocomplete( &widget& ).is( &:visible& );
.click(function() {
input.focus();
// 如果已经可见则关闭
if ( wasOpen ) {
// 传递空字符串作为搜索的值，显示所有的结果
input.autocomplete( &search&, && );
_source: function( request, response ) {
var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), &i& );
response( this.element.children( &option& ).map(function() {
var text = $( this ).text();
if ( this.value && ( !request.term || matcher.test(text) ) )
label: text,
value: text,
option: this
_removeIfInvalid: function( event, ui ) {
// 选择一项，不执行其他动作
if ( ui.item ) {
// 搜索一个匹配（不区分大小写）
var value = this.input.val(),
valueLowerCase = value.toLowerCase(),
valid = false;
this.element.children( &option& ).each(function() {
if ( $( this ).text().toLowerCase() === valueLowerCase ) {
this.selected = valid = true;
return false;
// 找到一个匹配，不执行其他动作
if ( valid ) {
// 移除无效的值
this.input
.val( && )
.attr( &title&, value + & didn't match any item& )
.tooltip( &open& );
this.element.val( && );
this._delay(function() {
this.input.tooltip( &close& ).attr( &title&, && );
}, 2500 );
this.input.data( &ui-autocomplete& ).term = &&;
_destroy: function() {
this.wrapper.remove();
this.element.show();
})( jQuery );
$(function() {
$( &#combobox& ).combobox();
$( &#toggle& ).click(function() {
$( &#combobox& ).toggle();
class=&ui-widget&
您喜欢的编程语言：
id=&combobox&
value=&&请选择...
value=&ActionScript&ActionScript
value=&AppleScript&AppleScript
value=&Asp&Asp
value=&BASIC&BASIC
value=&C&C
value=&C++&C++
value=&Clojure&Clojure
value=&COBOL&COBOL
value=&ColdFusion&ColdFusion
value=&Erlang&Erlang
value=&Fortran&Fortran
value=&Groovy&Groovy
value=&Haskell&Haskell
value=&Java&Java
value=&JavaScript&JavaScript
value=&Lisp&Lisp
value=&Perl&Perl
value=&PHP&PHP
value=&Python&Python
value=&Ruby&Ruby
value=&Scala&Scala
value=&Scheme&Scheme
id=&toggle&显示基础的选择框
自定义数据并显示您可以使用自定义数据格式，并通过简单地重载默认的聚焦和选择行为来显示数据。尝试键入 &j&，或者按向下箭头按键，即可得到一个项目列表。&!doctype html&
charset=&utf-8&
jQuery UI 自动完成（Autocomplete） - 自定义数据并显示
rel=&stylesheet& href=&///ui/1.10.4/themes/smoothness/jquery-ui.css&
src=&///jquery-1.9.1.js&
src=&///ui/1.10.4/jquery-ui.js&
rel=&stylesheet& href=&/resources/demos/style.css&
#project-label {
display: block;
font-weight: bold;
margin-bottom: 1em;
#project-icon {
float: left;
height: 32px;
width: 32px;
#project-description {
margin: 0;
padding: 0;
$(function() {
var projects = [
value: &jquery&,
label: &jQuery&,
desc: &the write less, do more, JavaScript library&,
icon: &jquery_32x32.png&
value: &jquery-ui&,
label: &jQuery UI&,
desc: &the official user interface library for jQuery&,
icon: &jqueryui_32x32.png&
value: &sizzlejs&,
label: &Sizzle JS&,
desc: &a pure-JavaScript CSS selector engine&,
icon: &sizzlejs_32x32.png&
$( &#project& ).autocomplete({
minLength: 0,
source: projects,
focus: function( event, ui ) {
$( &#project& ).val( ui.item.label );
return false;
select: function( event, ui ) {
$( &#project& ).val( ui.item.label );
$( &#project-id& ).val( ui.item.value );
$( &#project-description& ).html( ui.item.desc );
$( &#project-icon& ).attr( &src&, &images/& + ui.item.icon );
return false;
.data( &ui-autocomplete& )._renderItem = function( ul, item ) {
return $( &&li&& )
.append( &&a&& + item.label + &&br&& + item.desc + &&/a&& )
.appendTo( ul );
id=&project-label&选择一个项目（请键入 &j&）：
id=&project-icon& src=&images/transparent_1x1.png& class=&ui-state-default& alt=&&
id=&project&
type=&hidden& id=&project-id&
id=&project-description&
多个值用法：键入一些字符，比如 &j&，可以看到相关的编程语言结果。选择一个值，然后继续键入字符来添加其他的值。本实例演示如何使用 source 选项和一些事件来实现在一个单一的文本域输入多个自动完成的值。&!doctype html&
charset=&utf-8&
jQuery UI 自动完成（Autocomplete） - 多个值
rel=&stylesheet& href=&///ui/1.10.4/themes/smoothness/jquery-ui.css&
src=&///jquery-1.9.1.js&
src=&///ui/1.10.4/jquery-ui.js&
rel=&stylesheet& href=&/resources/demos/style.css&
$(function() {
var availableTags = [
&ActionScript&,
&AppleScript&,
&Clojure&,
&ColdFusion&,
&Fortran&,
&Haskell&,
&JavaScript&,
function split( val ) {
return val.split( /,\s*/ );
function extractLast( term ) {
return split( term ).pop();
$( &#tags& )
// 当选择一个条目时不离开文本域
.bind( &keydown&, function( event ) {
if ( event.keyCode === $.ui.keyCode.TAB &&
$( this ).data( &ui-autocomplete& ).menu.active ) {
event.preventDefault();
.autocomplete({
minLength: 0,
source: function( request, response ) {
// 回到 autocomplete，但是提取最后的条目
response( $.ui.autocomplete.filter(
availableTags, extractLast( request.term ) ) );
focus: function() {
// 防止在获得焦点时插入值
return false;
select: function( event, ui ) {
var terms = split( this.value );
// 移除当前输入
terms.pop();
// 添加被选项
terms.push( ui.item.value );
// 添加占位符，在结尾添加逗号+空格
terms.push( && );
this.value = terms.join( &, & );
return false;
class=&ui-widget&
for=&tags&编程语言：
id=&tags& size=&50&
多个值，远程用法：键入至少两个字符来获取鸟的名称。选择一个值，然后继续键入字符来添加其他的值。本实例演示如何使用 source 选项和一些事件来实现在一个单一的文本域输入多个自动完成的值。&!doctype html&
charset=&utf-8&
jQuery UI 自动完成（Autocomplete） - 多个值，远程
rel=&stylesheet& href=&///ui/1.10.4/themes/smoothness/jquery-ui.css&
src=&///jquery-1.9.1.js&
src=&///ui/1.10.4/jquery-ui.js&
rel=&stylesheet& href=&/resources/demos/style.css&
.ui-autocomplete-loading {
background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
$(function() {
function split( val ) {
return val.split( /,\s*/ );
function extractLast( term ) {
return split( term ).pop();
$( &#birds& )
// 当选择一个条目时不离开文本域
.bind( &keydown&, function( event ) {
if ( event.keyCode === $.ui.keyCode.TAB &&
$( this ).data( &ui-autocomplete& ).menu.active ) {
event.preventDefault();
.autocomplete({
source: function( request, response ) {
$.getJSON( &search.php&, {
term: extractLast( request.term )
}, response );
search: function() {
// 自定义最小长度
var term = extractLast( this.value );
if ( term.length & 2 ) {
return false;
focus: function() {
// 防止在获得焦点时插入值
return false;
select: function( event, ui ) {
var terms = split( this.value );
// 移除当前输入
terms.pop();
// 添加被选项
terms.push( ui.item.value );
// 添加占位符，在结尾添加逗号+空格
terms.push( && );
this.value = terms.join( &, & );
return false;
class=&ui-widget&
for=&birds&鸟：
id=&birds& size=&50&
远程 JSONP 数据源当您在文本域中键入字符时，Autocomplete 部件给出建议结果。在本实例中，当您在文本域中至少键入两个字符时，将显示相关城市的名称。在本实例中，数据源是 。虽然选择一个元素后文本域中是该城市名称，但是会显示更多的信息以便找到正确的条目。数据也可以回调，显示在下面的结果框中。&!doctype html&
charset=&utf-8&
jQuery UI 自动完成（Autocomplete） - 远程 JSONP 数据源
rel=&stylesheet& href=&///ui/1.10.4/themes/smoothness/jquery-ui.css&
src=&///jquery-1.9.1.js&
src=&///ui/1.10.4/jquery-ui.js&
rel=&stylesheet& href=&/resources/demos/style.css&
.ui-autocomplete-loading {
background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
#city { width: 25 }
$(function() {
function log( message ) {
$( &&div&& ).text( message ).prependTo( &#log& );
$( &#log& ).scrollTop( 0 );
$( &#city& ).autocomplete({
source: function( request, response ) {
url: &http://ws.geonames.org/searchJSON&,
dataType: &jsonp&,
featureClass: &P&,
style: &full&,
maxRows: 12,
name_startsWith: request.term
success: function( data ) {
response( $.map( data.geonames, function( item ) {
label: item.name + (item.adminName1 ? &, & + item.adminName1 : &&) + &, & + item.countryName,
value: item.name
minLength: 2,
select: function( event, ui ) {
log( ui.item ?
&Selected: & + ui.item.label :
&Nothing selected, input was & + this.value);
open: function() {
$( this ).removeClass( &ui-corner-all& ).addClass( &ui-corner-top& );
close: function() {
$( this ).removeClass( &ui-corner-top& ).addClass( &ui-corner-all& );
class=&ui-widget&
for=&city&您的城市：
Powered by
href=&http://geonames.org& target=&_blank&geonames.org
class=&ui-widget& style=&margin-top:2em; font-family:Arial&
id=&log& style=&height: 200px; width: 300px; overflow: auto;& class=&ui-widget-content&
远程数据源当您在文本域中键入字符时，Autocomplete 部件给出建议结果。在本实例中，当您在文本域中至少键入两个字符时，将显示相关鸟的名称。在本实例中，数据源是可返回 JSON 数据的服务器端脚本，通过一个简单的 source 选项来指定。另外，minLength 选项设置为 2，避免查询返回太多的结果，select 事件用于显示一些反馈。&!doctype html&
charset=&utf-8&
jQuery UI 自动完成（Autocomplete） - 远程数据源
rel=&stylesheet& href=&///ui/1.10.4/themes/smoothness/jquery-ui.css&
src=&///jquery-1.9.1.js&
src=&///ui/1.10.4/jquery-ui.js&
rel=&stylesheet& href=&/resources/demos/style.css&
.ui-autocomplete-loading {
background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
$(function() {
function log( message ) {
$( &&div&& ).text( message ).prependTo( &#log& );
$( &#log& ).scrollTop( 0 );
$( &#birds& ).autocomplete({
source: &search.php&,
minLength: 2,
select: function( event, ui ) {
log( ui.item ?
&Selected: & + ui.item.value + & aka & + ui.item.id :
&Nothing selected, input was & + this.value );
class=&ui-widget&
for=&birds&鸟：
id=&birds&
class=&ui-widget& style=&margin-top:2em; font-family:Arial&
id=&log& style=&height: 200px; width: 300px; overflow: auto;& class=&ui-widget-content&
远程缓存当您在文本域中键入字符时，Autocomplete 部件给出建议结果。在本实例中，当您在文本域中至少键入两个字符时，将显示相关鸟的名称。为了提高性能，这里添加了一些本地缓存，其他与远程数据源实例相似。在这里，缓存只保存了一个查询，并可以扩展到缓存多个值，每个条目一个值。&!doctype html&
charset=&utf-8&
jQuery UI 自动完成（Autocomplete） - 远程缓存
rel=&stylesheet& href=&///ui/1.10.4/themes/smoothness/jquery-ui.css&
src=&///jquery-1.9.1.js&
src=&///ui/1.10.4/jquery-ui.js&
rel=&stylesheet& href=&/resources/demos/style.css&
.ui-autocomplete-loading {
background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
$(function() {
var cache = {};
$( &#birds& ).autocomplete({
minLength: 2,
source: function( request, response ) {
var term = request.term;
if ( term in cache ) {
response( cache[ term ] );
$.getJSON( &search.php&, request, function( data, status, xhr ) {
cache[ term ] = data;
response( data );
class=&ui-widget&
for=&birds&鸟：
id=&birds&
可滚动的结果当显示一个长列表的选项时，您可以简单地为 autocomplete 菜单设置 max-height 来防止菜单显示太长。尝试键入 &a& 或 &s& 来获得一个可滚动的长列表的结果。&!doctype html&
charset=&utf-8&
jQuery UI 自动完成（Autocomplete） - 可滚动的结果
rel=&stylesheet& href=&///ui/1.10.4/themes/smoothness/jquery-ui.css&
src=&///jquery-1.9.1.js&
src=&///ui/1.10.4/jquery-ui.js&
rel=&stylesheet& href=&/resources/demos/style.css&
.ui-autocomplete {
max-height: 100px;
overflow-y: auto;
/* 防止水平滚动条 */
overflow-x: hidden;
/* IE 6 不支持 max-height
* 我们使用 height 代替，但是这会强制菜单总是显示为那个高度
* html .ui-autocomplete {
height: 100px;
$(function() {
var availableTags = [
&ActionScript&,
&AppleScript&,
&Clojure&,
&ColdFusion&,
&Fortran&,
&Haskell&,
&JavaScript&,
$( &#tags& ).autocomplete({
source: availableTags
class=&ui-widget&
for=&tags&标签：
XML 数据本实例演示如何获取一些 XML 数据，并使用 jQuery 的方法解析它，然后把它提供给 autocomplete 作为数据源。本实例也可作为解析远程 XML 数据源的参考 - 解析在每次 source 回调请求时发生。&!doctype html&
charset=&utf-8&
jQuery UI 自动完成（Autocomplete） - XML 数据
rel=&stylesheet& href=&///ui/1.10.4/themes/smoothness/jquery-ui.css&
src=&///jquery-1.9.1.js&
src=&///ui/1.10.4/jquery-ui.js&
rel=&stylesheet& href=&/resources/demos/style.css&
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
$(function() {
function log( message ) {
$( &&div/&& ).text( message ).prependTo( &#log& );
$( &#log& ).attr( &scrollTop&, 0 );
url: &london.xml&,
dataType: &xml&,
success: function( xmlResponse ) {
var data = $( &geoname&, xmlResponse ).map(function() {
value: $( &name&, this ).text() + &, & +
( $.trim( $( &countryName&, this ).text() ) || &(unknown country)& ),
id: $( &geonameId&, this ).text()
$( &#birds& ).autocomplete({
source: data,
minLength: 0,
select: function( event, ui ) {
log( ui.item ?
&Selected: & + ui.item.value + &, geonameId: & + ui.item.id :
&Nothing selected, input was & + this.value );
class=&ui-widget&
for=&birds&London 匹配：
id=&birds&
class=&ui-widget& style=&margin-top:2em; font-family:Arial&
id=&log& style=&height: 200px; width: 300px; overflow: auto;& class=&ui-widget-content&
其他专题推荐
Copyright & 2004 -
版权所有 中文域名：站长.cn 站长.中国
中国 苏ICP备号
免责声明：以上教程信息由会员自行搜集、整理、发布，内容的真实性、准确性和合法性由发布会员负责。站长学院对此不承担任何责任。