用于网页的 ASP.NET 搜索框答案

【问题标题】：ASP.NET SearchBox for web page用于网页的 ASP.NET 搜索框
【发布时间】：2020-10-12 12:56:16
【问题描述】：

所以我有一个空网页，带有一个按钮和一个标签，当单击该按钮时，该标签将填充我数据库中的数据。我是 asp.net 的新手，所以我想知道有什么方法可以在页面中添加一个搜索框，我可以搜索标签中显示的数据。

示例：我在标签中有城市列表，我想查看城市 LONDON 的位置。

我会提供一些图片：

【问题讨论】：

您需要详细解释您的问题，例如如果您使用 LINQ 添加到您的问题中，它可以帮助您获得更好的答案。
@NEBEZ 单击按钮时，我使用 NEST 库提取数据，数据是 Elastic Search 数据库，并在标签中提供。
好的，但是请编辑您的问题并添加此详细信息以进行更多生成，用户可以提供帮助。

标签： c# html asp.net visual-studio

【解决方案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>

请注意，此解决方案区分大小写

【讨论】：

【解决方案2】：

制作一个html输入元素，并用javascript处理来自用户的输入：

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



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

}
</script>

【讨论】：

我需要输入什么以便突出显示搜索到的文本