ajax 文本框 搜索,搜索不工作在ajax一旦文本框onblur事件被调用
我有以下代码通过AJAX搜索。现在,如果我将onblur事件应用于文本框(以便搜索结果消失)并再次返回文本框,搜索工具就不再起作用。所以事情是,一旦调用onblur事件,它可能无法正确地调用onfocus事件。任何帮助,将不胜感激。搜索不工作在ajax一旦文本框onblur事件被调用
$(document).ready(function() {
$(".searchproductbrand").keyup(function() {
var kw = $(".searchproductbrand").val();
if (kw != '') {
$.ajax({
type: "POST",
url: "livesearch.php",
data: "kw=" + kw,
success: function (option) {
$("#livesearch").html(option);
document.getElementById("livesearch").style.border = "1px solid #A5ACB2";
}
});
} else {
$("#livesearch").html("");
document.getElementById("livesearch").style.border = "0px";
}
return false;
});
});
$(document).ready(function() {
$(".searchproductbrand").blur(function() {
document.getElementById("livesearch").style.display = "none";
})
});
Livesearch是div打印我的搜索结果。
ajax 文本框 搜索,搜索不工作在ajax一旦文本框onblur事件被调用相关推荐
- css搜索的文本框,一个很不错的CSS改写的大表单文本框和搜索按钮组
<一个很不错的CSS改写的大表单文本框和搜索按钮组>要点: 本文介绍了一个很不错的CSS改写的大表单文本框和搜索按钮组,希望对您有用.如果有疑问,可以联系我们. 先看效果图: 开始爬取 C ...
- Android文本框实现搜索和清空效果
前言 本文实现的效果:文本框输入为空时显示输入的图标;不为空时显示清空的图标,此时点击清空图标能清空文本框内输入文字. 正文 一.实现效果 二.实现代码 绑定事件 private Drawable m ...
- android动态文本框,Android文本框实现搜索和清空效果
本文实现的效果: 文本框输入为空时显示输入的图标:不为空时显示清空的图标,此时点击清空图标能清空文本框内输入文字. 实现效果: 核心代码: package com.example.test; impo ...
- layui下拉选择框开启搜索功能后,文本框会将Nbsp显示出来的解决办法
layui下拉选择框直接在select标签添加lay-search,即可开启搜索功能 <select id="selectCategory" lay-filter=" ...
- JAVA ajax搜索框_JS+Ajax实现百度智能搜索框
首先浏览实现后的结果,输入一个a之后会出现包含a的下拉列表,当我们点击某一个的时候,搜索框中就会出现点击的值.实现所需要的主要是ajax+js. 前端search.jsp pageEncoding=& ...
- Ajax案例-三级联动-搜索框提示语
01ajax之三级联动案例分析 1.1简答题 根据视频中的讲解,完成以下内容 1.1.1视频中的三级联动案例的功能需求是什么 页面中有三个下拉框选项,分别为省下拉框,市下拉框,区/县下拉框,选择省,则 ...
- HTML -- HTML文本框、单选框、多选框、按钮、文本域、文件域、下拉框、搜索框滑动和简单验证
1. HTML文本框.单选框.多选框.按钮.文本域.文件域.下拉框.搜索框滑动和简单验证 1.1 表单元素格式 placeholder 提示文本. 示例: <!DOCTYPE html> ...
- yii2组件之下拉框带搜索功能(yii-select2)
简单的小功能,但是用起来还是蛮爽的.分享出来让更多的人有更快的开发效率,开开心心快乐编程. 如果你还没有使用过composer,你可就out了,看我的教程分享,composer简直就是必备神奇有木有. ...
- js实现搜索框智能搜索提示,类似百度搜索
List item 一.概要 场景:用户可能记不得是哪个搜索词了,但是结果表单是唯一的,不可能实现模糊搜索. 解决方案:搜索框实现智能搜索提示.在用户搜索键入关键字的过程中,不断去请求后台,将查询结果 ...
最新文章
- e4a编写文件服务器,e4a教程 联云服务器
- shared_ptr 用法
- JavaScript的基础
- reactNative 打包那些事儿
- Spring Boot 2.0新特性
- 函数名/函数地址/函数指针
- java http data chunk_HTTP协议之Chunked解析
- 程序员如何达到年薪百万?java程序员必读书籍!
- 正确使用auto_ptr智能指针
- Java基础零碎知识点总结(持续补充)
- 开题报告:基于java校园学校球馆运动场地预约系统 毕业设计论文开题报告模板
- java calendar星期几_正确获取星期几(Calendar.DAY_OF_WEEK)
- 【一、视频处理】FPGA驱动OV7725摄像头模块
- C#从sqlite3中读数据到DataTable中报错 :System.Data.ConstraintException:“未能启用约束。一行或多行中包含违反非空、唯一或外键约束的值。
- “远见者”特斯拉AI主管Karpathy|深度学习崛起十年
- Basic Operators (基本运算符)
- 《阳光下》 ——【传递正反馈】
- vue前端项目基于淘宝lib-flexible做手机端适配
- 妥妥的世界第一:为什么MT4软件的地位无法撼动?
- Android 从系统媒体库中选择视频