Javascript 转换为文本框搜索而不是下拉搜索
我一直在使用这个脚本从下拉选择选项中带回信息,我想使用相同的方法,但是在一个文本框中,用户可以在其中输入搜索,这可以做到吗?这将是一个搜索引擎。我想我可以找出如何创建搜索引擎部分,我只需要先隐藏它,以确保返回正确的结果 我的目标是允许用户在文本字段中键入他/她想要的特定徽标,返回的是搜索结果。他们正在数组中搜索png图像,并将选择一个来完成表单Javascript 转换为文本框搜索而不是下拉搜索,javascript,jquery,html,full-text-search,Javascript,Jquery,Html,Full Text Search,我一直在使用这个脚本从下拉选择选项中带回信息,我想使用相同的方法,但是在一个文本框中,用户可以在其中输入搜索,这可以做到吗?这将是一个搜索引擎。我想我可以找出如何创建搜索引擎部分,我只需要先隐藏它,以确保返回正确的结果 我的目标是允许用户在文本字段中键入他/她想要的特定徽标,返回的是搜索结果。他们正在数组中搜索png图像,并将选择一个来完成表单 function showSub(str) { var xmlhttp; if (str=="") { document.g
function showSub(str) {
var xmlhttp;
if (str=="") {
document.getElementById("txtSub").innerHTML="";
return;
}
if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else {// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
document.getElementById("txtSub").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getSub.php?q="+encodeURIComponent(str),true);
xmlhttp.send();
}
Html
子类别
旁注:我看到过一些搜索查询,它们会动态地给你结果,也有一些结果会在按enter键后给你结果。我目前使用的脚本是ajax,我相信它会在选择下拉菜单后提供结果,是否可以使用文本搜索框进行同样的操作
编辑:另外,如果这个脚本是错误的方法来做这件事,有人有一个替代的建议或脚本已经这样做了,我非常开放的其他想法。谢谢。如果要使用文本字段输入,可以执行以下操作: html
只要文本框的值发生更改,就会触发on change事件。当它发生变化时,您将使用新的搜索文本发送请求以更新数据。脚本在哪里向php页面发送请求以实际执行搜索?使用您已经发布的showSub函数,这不是您用于发出请求的功能吗?因此此脚本将与我的脚本配合使用以使其正常工作?它不是一种独立的东西?是的,它需要您的ajax请求才能从服务器获取数据。
<tr>
<td width='15%'><div align='right'><strong>Sub-Category</strong></div></td>
<td width='70%'><div id="txtSub"></div></td>
</tr>
<input type="text" id="searchText" value="" />
$(document).on('change', '#searchText', function() {
// Get the search text
var searchText = $(this).val();
// Make sure it isn't empty
if (searchText.length > 0) {
// Send the update request
showSub(searchText);
}
});