text文本框实现智能提示完整实例_jquery_脚本之家

本文实例陈诉了jQuery+php实时获得及响应文本框输入内容的方法。分享给大家供我们仿效,具体如下:

金沙网址,本文实例呈报了jquery+ajax+text文本框实现智能提示的章程。共享给我们供大家参考,具体如下:

该程序能够意识到可用余额:

宪章百度询问的智能提示

HTML部分:

 #searchresult { width: 130px; position: absolute; z-index: 1; overflow: hidden; left: 130px; top: 71px; background: #E0E0E0; border-top: none; } .line { font-size: 12px; background: #E0E0E0; width: 130px; padding: 2px; } .hover { background: #007ab8; width: 130px; color: #fff; } .std { width: 150px; }

jquery部分:

jquery代码部分:

function search_func{ $.post("/xxx.php", { q: "action/cash_news", username:value},function { var r = "可用金额"+result+"元"; $; $.val;}
 $ { $.keyup { ChangeCoords(); //控制查询结果div坐标 var k = window.event ? evt.keyCode : evt.which; //输入框的id为txt_search,这里监听输入框的keyup事件 //不为空 && 不为上箭头或下箭头或回车 if .val() != "" && k != 38 && k != 40 && k != 13) { $.ajax({ type: 'Post', //async: false, //同步执行,不然会有问题 dataType: "json", url: "IntelligenceSelect.aspx/GetUserNameList", //提交的页面/方法名 data: "{'userName':'" + $ + "'}", //参数 contentType: "application/json; charset=utf-8", error: function  {//请求失败处理函数 alert; }, success: function  { //请求成功后处理函数。 var objData = eval; if  { var layer = ""; layer = "<table id='aa'>"; $.each(objData, function  { layer += "<tr class='line'><td class='std'>" + item.userName + "</td></tr>"; }); layer += "</table>"; //将结果添加到div中 $.empty.append; $.addClass; $.css; //鼠标移动事件 $.hover { $.removeClass.addClass; }, function .removeClass; //$.css; }); //鼠标点击事件 $.click { $.val; $.css; }); } else { $.empty.css; } } }); } else if  {//上箭头 $.prev; $.next().removeClass; $.val.text; } else if  {//下箭头 $.next; $.prev().removeClass; $.val.text; } else if  {//回车 $.val.text; $.empty.css; } else { $.empty.css; } }); $.bind("mouseleave", function () { $.empty.css; }); }); //设置查询结果div坐标 function ChangeCoords() { // var left = $[0].offsetLeft; //获取距离最左端的距离,像素,整型 // var top = $[0].offsetTop + 26; //获取距离最顶端的距离,像素,整型 var left = $.position().left; //获取距离最左端的距离,像素,整型 var top = $.position().top + 20; ; //获取距离最顶端的距离,像素,整型 $.css; //重新定义CSS属性 $.css; //同上 }

#region[WebMethod()]public static string GetUserNameList{ StringBuilder returnStr = new StringBuilder(); string strsql = "select userName from pub_user_inf where userName like '" + userName + "%' and useStatus=1"; DataTable dt = pms.SqlHelper.ExecuteDataTable; if  { returnStr.Append; return returnStr.ToString(); } else { return ""; }}#endregion#region dataTable转换成Json格式/// /// dataTable转换成Json格式/// /// /// public static string ToJson{ StringBuilder jsonBuilder = new StringBuilder(); jsonBuilder.Append; for (int i = 0; i < dt.Rows.Count; i++) { jsonBuilder.Append; for (int j = 0; j < dt.Columns.Count; j++) { jsonBuilder.Append; jsonBuilder.Append(dt.Columns[j].ColumnName); jsonBuilder.Append; jsonBuilder.Append(dt.Rows[i][j].ToString; jsonBuilder.Append; } jsonBuilder.Remove(jsonBuilder.Length - 1, 1); jsonBuilder.Append; } jsonBuilder.Remove(jsonBuilder.Length - 1, 1); jsonBuilder.Append; return jsonBuilder.ToString();}#endregion

更多关于jQuery相关内容感兴趣的读者可查阅本站专项论题:《jquery中Ajax用法总结》、《jQuery表格操作技艺汇总》、《jQuery拖拽特效与技艺计算》、《jQuery扩大本事总计》、《jQuery经常见到优良特效汇总》、《jQuery动漫与特作用法总括》、《jquery选取器用法总结》及《jQuery常用插件及用法总括》

更加多关于jQuery相关内容感兴趣的读者可查看本站专项论题:《jquery中Ajax用法计算》、《jQuery
form操作才能汇总》、《jQuery常用插件及用法总计》、《jQuery操作json数据本领汇总》、《jQuery扩大本领总括》、《jQuery拖拽特效与本领计算》、《jQuery表格操作技术汇总》、《jQuery管见所及非凡特效汇总》、《jQuery动漫与特功效法计算》及《jquery选取器用法总括》

期望本文所述对大家jQuery程序设计有所扶持。

可望本文所述对大家jQuery程序设计有着扶助。

发表评论

电子邮件地址不会被公开。 必填项已用*标注