Jquery 如何在多个搜索框中搜索

如何同时使用两个或多个搜索框进行搜索？我是这样做的：

视图：

---

一般来说，当我单击“搜索”时，表将按第一个搜索框的值“帐户”进行过滤。我希望通过两个搜索框中的值对表进行筛选，哪里有错误？

您需要使用

类

选择器，而不是

id

，单击按钮时，分别获取两个值，并在

每个

循环中比较两个值

演示代码：

$（'.search'）。单击（函数（）{
//获取两个值
var值=$（“#帐户”）.val（）.toLowerCase（）；
var value2=$（“#发票”）.val（）.toLowerCase（）；
$（“#myTable tbody tr”）.filter（函数（）{
var text=$（this.text（）.toLowerCase（））
//检查两种情况
$（this）.toggle（text.indexOf（value）>-1&（text.indexOf（value2）>-1））
});
});


自然资源账户


Nr发票：

泽维尔
41
麝香
38
斯瓦蒂
45
Hi您的两个按钮
id
都是相同的，因此它适用于第一个按钮，而不是第二个按钮。使用
class
@Swati这是一个很好的观点，谢谢，但它仍然不起作用。即使我将一个搜索框值（例如“帐户”）传递给
var值
并单击“搜索”按钮，它也不起作用。不知道它是否适用于类。。我认为将值赋给
var value
也有问题，我如何调用
下的搜索功能。搜索两个框的
按钮？是的，它可以工作！太好了，谢谢斯瓦蒂！还有一个问题：当我还想通过下拉列表上的选定选项进行过滤时，例如：
@Html.DropDownList（“过滤器列表”，新列表{new SelectListItem{Text=”“，Value=”“，selected=true}，新SelectListItem{Text=“Payment”，Value=“Payment”}，}）
，然后我添加
var value3=$（“#过滤器列表”）.val（）
并在此处检查此附加条件：
$（此）.toggle（text.indexOf（value）>-1&&（text.indexOf（value2）>-1&&（text.indexOf（value3）>-1））
正确吗？是的，您只需要添加该条件。如果不起作用，请告诉我：）我添加了
$（“#过滤器列表：选中”）
。谢谢不幸的是，它不能与其他搜索框一起工作，我再次检查了它。
<th>
  <p>
      Nr account: @Html.TextBox("Account")
      <input type="button" id="search" value="Search" />
  </p>

  <p>
      Nr invoice: @Html.TextBox("Invoice")
      <input type="button" id="search" value="Search" />
  </p>
</th>

$('#search').click(function () {

    var value = $("#Account, #Invoice").val().toLowerCase();

    $("#myTable tr").filter(function () {
        $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
    });