如何僅顯示具有匹配名稱輸入字段值的表單

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值匹配的輸入子元素。