[英]Convert to Text Box search instead of drop down
我一直在使用這個腳本從下拉選擇選項中恢復信息,我想使用相同的方法,但在文本框中,用戶可以輸入搜索,這可能嗎? 它將成為各種搜索引擎。 我想我可以弄清楚如何創建搜索引擎部分,我只需要先轉換它以確保我可以返回一個正確的結果。
我的目標是允許用戶在文本字段中鍵入他/她想要的特定徽標,並且返回是該搜索的結果。 他們正在搜索數組中的png圖像,並選擇一個來完成表單。
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
<tr>
<td width='15%'><div align='right'><strong>Sub-Category</strong></div></td>
<td width='70%'><div id="txtSub"></div></td>
</tr>
附注:我已經看到了搜索查詢,可以動態提供結果,結果可以在輸入后為您提供結果。 我當前使用此腳本的腳本是在ajax中我相信並在選擇下拉列表后給出結果,是否可以對文本搜索框執行相同操作?
編輯:此外,如果這個腳本是錯誤的方法來執行此操作,並且有人有替代建議或已經執行此操作的腳本,我對其他想法非常開放。 謝謝。
如果您想使用文本字段輸入,您可以執行以下操作:
HTML
<input type="text" id="searchText" value="" />
使用Javascript / jQuery的
$(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);
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.