Ajax技术的智能提示+文本框动态生成下拉实例代码
复制代码代码如下所示:
快速查询:按内管代码按标记代码
下面是引用的js文件
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(# fastsearchtxt)。Keyup(function(){)
Ajax获取数据库查询中的数据。
VaR数据=美元(# fastsearchtxt )瓦迩();
Num = $(var# searchselect选项:选择)瓦迩();
$ ajax({
类型:邮政
网址:ajaxsearch .aspx
数据:数据= +数据+ 'num =+数字,
成功:函数(消息){
$(# fastsearchtxt)。BeDropdownlist(消息);
}
});
});
});
(函数($){)
美元。fn.bedropdownlist =功能(数据){
默认值
var默认值= {
数据:{}
};
var选项=数据:数据};
选项=扩展(默认值,选项);
无功bindevent =功能(o){
无功tmpid =tmpselector_ $(O),Attr(ID); / /创建一个临时身份证
如果($(# + tmpid)。长> 0){
$(# + tmpid)(去除);
返回;退出,不继续
}
VaR数据= options.data.split(' '); / /数据源
样式设置为绝对。
var;
创建包含李元素的div
对于(数据中的var项){
html数据;
}
=;
左(=);
var顶部= $(o)。偏移()。top + $(o)。Height()+ 4;
var =函数(){()
$(# + tmpid +李)。Unbind(点击'); / /取消事件
$(# + tmpid)(去除);
};
设置宽度、位置等。
$(# + tmpid(美元。宽度)(O)(宽度)+ 100);
$(# + tmpid。偏移(顶部:顶部){左},左:);
$(# + tmpid)(去除);
$(# search_div)。追加(HTML);
/ / $(# + tmpid(功能),Mouseleave(完成){ })(;);
$(# + tmpid +李。单击(功能){()
$(o)瓦迩($(这))(文字);
定稿();
如果(FN)!=未定义的){
(FN);函数调用进来了。
}
});
};
this.each(函数(){ / / jQuery的选择器可以匹配的多个对象,所以它是必要的使用,在每一个匹配元素做手术。
如果($(this))是(文本)=真{)
/ / $(this)。Keyup(function(){
bindevent($(this); / /套)做的内容
/
tag:文本框智能动态生成提示实例代码
相关内容