[英]Jquery php Live search text disappears in search bar
我是jquery的新手,正在尝试从现有的搜索页面中进行实时搜索,您必须在其中按Enter键。
这是我到目前为止编写的代码。
$( document ).ready(function() {
$('#searchhh').on("input", function() {
var searchquery = this.value;
$( "#searchform" ).submit();
});
});
这将获取表单的输入,并在每个按键时对其进行搜索。 问题是每次键入表单时,用户键入的文本都会重置。 我尝试将搜索值发布为get变量,并将其显示为搜索栏值,并在每次重新加载页面时将其自动聚焦到搜索栏中,这会将输入栏放在用户输入内容之前的表单开头。
我觉得我正在以错误的方式处理此问题,请帮忙。 :)
您需要通过ajax发布表单。 这是一个简单的小提琴来演示这一点:
HTML:
<form id="searchform" method="post" action="some_url_here">
<input type="text" name="search" placeholder="Search..." />
</form>
Results:<br>
<div id="results"></div>
JS:
$('#searchform').on("keyup", "input", function() {
var form_data = $("#searchform").serialize();
var form_url = $("#searchform").attr("action");
var form_method = $("#searchform").attr("method").toUpperCase();
$.ajax({
url: form_url,
type: form_method,
data: form_data,
cache: false,
success: function(returnOutput){
// Your search results are outputted here
$("#results").html(returnOutput);
}
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.