[英]Hide all tr whose id is not the value selected
I have a razor pages project where i need the user to select between filtering between some ports and the names of variables, i kinda got the search bar working, but I can't make the other one work.我有一个 razor pages 项目,我需要用户在某些端口和变量名称之间进行过滤,我有点让搜索栏工作,但我不能让另一个工作。
Here's what I've got so far:这是我到目前为止所得到的:
<div class="col-12 border text-left p-3 mt-3" id="filterdiv">
<div id="dropdown">
@Html.DropDownList("ports", (IEnumerable<SelectListItem>)ViewData["ports"], new { @id = "portdd" })
</div>
<div id="searchbar">
<p>
Name: <input type="text" name="SearchString" id="searchb"/>
</p>
</div>
</div>
@* FILTER BY PORTS *@
<script type="text/javascript">
$(document).ready(function () {
$('#portdd').change(function () {
var value = this.value;
$('tr:gt(0):not($(#' + value + '):attr(id))').hide();
});
});
</script>
@* FILTER BY NAME *@
<script type="text/javascript">
$(document).ready(function () {
$('#searchb').change(function () {
var value = this.value;
$('tr:gt(0):not(:contains(' + value + '))').hide();
});
});
</script>
But it's not working as intended.但它没有按预期工作。 Any help would be appreciated.
任何帮助,将不胜感激。
$('tr:gt(0)[id !=' + value + ']').hide();
如果我理解正确
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.