复制代码代码如下: div class='searchwellist '快捷查询:选择id='searchSelect' runat='server '选项值='1 '已选择='已选择'按内管码/optionoption值='2 '按标记码/option/select/div class=' search wel ' id=' search _ div '输入类型=' text ' id=' fast search txt ' value='输入个体编码或内管编码类='。名称列表“onfocus=”if(value==)输入个体编码或内管编码){ value=' ' } '在bulr=' if(value==' '){ value='输入个体编码或内管编码} '//div
下面是引用的射流研究…文件复制代码代码如下:美元(文件)。ready(function(){ $(' # FastSearchTxt ')).keyup(function () { //ajax获取数据库查询得到的数据定义变量数据=$('#fastsearchTxt ').val();var num=$(' #选择搜索选择选项: ').val();$.ajax({ type: 'POST ',url:'AjaxSearch.aspx ',data:'data=' data 'num=' num,success 3360 function(message){ $(' # FastSearchTxt ').beDropdownlist(消息);} });});});(函数($) { $.fn.beDropdownlist=函数(数据){ //默认值var默认值={ data :[' nothing ']};定义变量选项={ data : data };选项=$。扩展(默认值、选项);//使得参数覆盖var bind事件=函数(o){ var tmpid=' tmp selector _ ' $(o).attr(' id ');//生成临时的id if($(“#”tmpid).长度0){ $(“#”tmpid).移除();//返回;//退出,不在继续下去} var datas=options.data.split(',');//数据源//此处风格中设置为绝对var html=' div id=' tmpid ' ' style=' border : 1px纯灰色;最大高度: 150像素;位置:绝对;文本-左对齐:飞越:汽车;背景:白色;宽度width :153 pxul class=' ui-menu ';//动态生成一个div,内含里元素for(var数据项){ html=' Li ' datas[item]'/Li ';} html='/ul/div ';var left=$(o).偏移量()。向左;var top=$(o).偏移量()。最高价.身高()4;var finalize=function(){ $(' # ' tmpid ' Li ').解除绑定("点击");//取消事件绑定$("#"tmpid).移除();};//设置该差异的宽度,位置等$('#' tmpid).宽度($(o)美元.宽度()100);$("#"tmpid).偏移量({ top: top,left : left });$("#"tmpid).移除();$('#search_div ').追加(html);//$(“#”tmpid).鼠标离开(function(){ finalize();});$('#' tmpid ' li ').点击(函数(){ $(o)).瓦尔($(这个).text());finalize();if (fn!=undefined){ fn();//调用传进来的函数。 } });};this.each(function() { //由于jquery的选择符可能匹配多个对象,所以需要用每一个,对每个匹配的元素做操作if ($(this).是(' : text '==true){//$(this).keyup(function(){ bind event($(this));//设置要做的内容//});} });};})(jQuery);