在该视图中,我具有搜索功能,其中搜索到的每个单词都将突出显示。当我只单击一个按钮而不进行搜索时,它就起作用了。 但是如果我先进行搜索,然后单击突出显示的单词,则会出现错误。
“ /”应用程序中的服务器错误。 [HttpException(0x80004005):从客户端(<)中检测到潜在的Request.Path值。]。
有什么办法解决吗?下面是我的代码
<style>
#search_para {
color: grey;
}
.highlight {
background-color: yellow;
}
</style>
<div id="wrapper">
<input type="text" id="search_text">
<input type="button" value="search" id="search">
</div>
<div id="inputText1">
<ul>
@Html.ActionLink("Form User", "Index", "User", null, new { @class = "btn btn-primary" })
@Html.ActionLink("Form Role", "Index", "Role", null, new { @class = "btn btn-primary" })
@Html.ActionLink("Form Transaction", "Index", "Transaction", null, new { @class = "btn btn-primary" })
</ul>
<div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var searchpara = document.getElementById("inputText1").innerHTML;
searchpara = searchpara.toString();
document.getElementById("search").onclick = function () { highlight_word(searchpara) };
}, false);
function highlight_word(searchpara) {
var text = document.getElementById("search_text").value;
if (text) {
var pattern = new RegExp("(" + text + ")", "gi");
var new_text = searchpara.replace(pattern, "<span class='highlight'>" + text + "</span>");
document.getElementById("inputText1").innerHTML = new_text;
}
}
</script>