ASP.NET web 頁面的搜索框

Question

所以我有一個空的 web 頁面，帶有一個按鈕和一個 Label，當單擊該按鈕時，label 會填充我數據庫中的數據。 我是 asp.net 的新手，所以我想知道有什么方法可以在頁面中添加一個搜索框，我可以搜索 Label 中顯示的數據。

示例：我有 Label 中的城市列表，我想看看倫敦城市在哪里。

我將提供一些圖像：

Answer 1

使用 javascript 更改 html 元素樣式的方法如下：

<input type="text" id="SearchBox" onInput="OnSearchTextDidChange()">

<ul>
<li id="London">London</li>
<li id="Paris">Paris</li>
<li id="Sweden">Sweden</li>
<li id="Europe">Europe</li> 
</ul>


<script>

htmlIds = ["London", "Paris", "Sweden", "Europe"];


function OnSearchTextDidChange(){
    var text = document.getElementById("SearchBox").value.toString();

    for(var i = 0; i < htmlIds.length;i++){
       if(htmlIds[i] == text){
            document.getElementById(htmlIds[i]).style.color = "yellow"; 
       }
       else{
            document.getElementById(htmlIds[i]).style.color = "black";
       }
}

}

</script>

請注意，此解決方案區分大小寫

Answer 2

制作一個 html 輸入元素，並使用 javascript 處理來自用戶的輸入：

<input type="text" onInput="OnSearchTextDidChange()">



<script>
function OnSearchTextDidChange(){
//do what you want when search text changes

}
</script>