Question

我有一个页面上有很多表格。

Each form has a unique id.
Each form has a user name field.

示例：

<form id="new_celebration692130342" accept-charset="UTF-8" action="/celebrations" method="post">
<input id="friend" type="hidden" name="celebration[friend_name]" value="Anthony Rosenfeld">
<input id="friend" type="hidden" name="celebration[friend_fbuid]" value="69213034***2">
<input id="friend" type="hidden" name="celebration[friend_birthday]" value="12/09">
<input id="friend" type="hidden" name="celebration[friend_pic]" value="http://graph.facebook.com/69213034***2/picture">
<li>Anthony Rosenfeld</li>
<li>12/09</li>
<input class="button-mini-subtle submit" type="submit" alt="select" value="select">
</form>

我想让用户能够输入名称或开始在搜索框中输入，javascript / jquery将运行，并且只显示名称字段匹配的表单。

我是这种行动的主要NOOB，并希望被指向正确的方向。

Answer 1

$(function () {

  $("#searchBox").keypress(function () {

    console.log($('input[name~="' + $(this).val() + '"]').parent('form'));

  });

});

这将在控制台中记录所有表单元素，这些元素的输入子元素的名称与searchBox值匹配。

如何仅显示具有匹配名称输入字段值的表单

1 个答案: