我在我的網站上有這個搜索表單。我不想加入一個搜索引擎，而是（因為內容并不經常變化）我只想讓搜索框推薦我網站上與輸入內容相匹配的鏈接。
我正在考慮提供關鍵詞和它們的鏈接
。"apple" -> http：//website.com/fruits.html
"banana" -> http：//website.com/fruits.html
"strawberry" -> http：//website.com/fruits.html
有點像自動完成，但建議指向同一個鏈接。
所以在這種情況下，下拉串列不起作用。我已經嘗試了資料表格和這個帖子中提到的其他解決方案 
有人知道怎么做嗎？
uj5u.com熱心網友回復：
看來自動完成插件會讓你滿意。
有很多自動完成的插件。
首先，我建議使用http://easyautocomplete.com,
。
(有用的例子就在那里。)
另外，jquery ui autocomplet插件https://www.tutorialspoint.com/jqueryui/jqueryui_autocomplete.htm
uj5u.com熱心網友回復：
我會把你的元素放到一個物件中，然后使用find來檢查當輸入改變時是否有匹配的元素
let search = document. getElementById('search')。
let result = document.getElementById('result') 。
let results = [{ {
"name": "apple",
"url": "http://website.com/fruits.html"。
},
{
"name": "banana",
"url": "http://website.com/fruits.html"。
},
{
"name": "strawberry",
"url": "http://website.com/fruits.html".
}
]
search.addEventListener('input', (e) =>/span>{
let query = e.target.value。
if (query.length < 2) { //設定一個最小的字符數innerText = ''/span>。
return;
}
let found = results.find(item => item. name.includes（query））。
if (found) {
result.innerText = `${found.name}: ${found.url}`。
}
console.log(found)
})< form action="#" class="header__search">/span>
< input type="text" placeholder="Search" id="Search">
</form>/span>
<br />/span>
<span id="result"/span>> </span> uj5u.com熱心網友回復：
如果檔案/關鍵詞/建議的數量較少，這種方法將很有幫助
<使用Jquery Autocomplete，每當有人上傳一個頁面，例如apple.html，你將把它的鏈接/名稱插入資料庫，對于現有的頁面，鏈接/名稱應該被添加到資料庫，以后頁面的作業就像下面的例子和
。<!----html code --- 添加jquery UI cdn in head --- >
<div class="ui-widget">/span>
<label for="tags">/span>搜索。</label>搜索：>
<input id="tags">/span>
</div>/span>
<!------------------------------------------------>
<script>
$(function() {
var availableTags = [
"apple.html"。
"samsung.html"。
"hp.html"。
/*這部分檔案的名稱可以用php ajax從資料庫中列印出來，但你需要正確設定*/。
];
$( "#tags" ).autocomplete( {
source: availableTags
});
});
</script>>
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/321616.html
標籤：