为单独的字段创建单独的搜索表单

Question

我正在创建一个隐藏的搜索表单（单击时会下拉），并且效果很好，但是我需要创建多个表单，才能将发帖请求发送到具有不同字段的php。

这是html代码和脚本：

 $(function() { var $searchlink = $('#searchtoggl i'); var $searchbar = $('#searchbar'); $('#topnav ul li a').on('click', function(e) { e.preventDefault(); if ($(this).attr('id') == 'searchtoggl') { if (!$searchbar.is(":visible")) { // if invisible we switch the icon to appear collapsable $searchlink.removeClass('fa-search').addClass('fa-search-minus'); } else { // if visible we switch the icon to appear as a toggle $searchlink.removeClass('fa-search-minus').addClass('fa-search'); } $searchbar.slideToggle(300, function() { // callback after search bar animation }); } }); }); 

 <div id="w"> <header id="topbar" class="clearfix"> <div id="logo">Dynatable</div> <nav id="topnav"> <ul> <li><a href="#" id="searchtoggl"><i class="fa fa-search fa-lg"></i></a> </li> </ul> </nav> </header> <div id="searchbar" class="clearfix"> <form id="searchform" method="post" action="searchpage.php"> <tr> <td>orgid:</td> <textarea id="textarea" name="orgId"></textarea> </tr> <tr> <td>Org Name:</td> <td> <textarea id="textarea" type="text" name="orgName" /></textarea> </tr> <tr> <td>Primary Domain:</td> <td> <textarea id="textarea" type="text" name="primaryDomain" /></textarea> </tr> <tr> <td>Partner Name:</td> <td> <textarea id="textarea" type="text" name="PartnerName" /></textarea> </tr> <tr> <td>&nbsp;</td> <br> <br> <td> <input id=searchsubmit type="submit" name="submit" value="Search" /> </td> </tr> </form> </div> 

它是功能性的，我可以以相同的形式添加多个字段，但是根据我的要求，我需要创建单独的搜索字段以将请求发送到php。

如何实现呢？

Answer 1

<td><select id="select" name="select">
        <option>orgid</option>
        <option>orgName</option>
        <option>PrimaryDomain</option>
        <option>PartnerName</option>
       </select></td><br>
    <textarea id="textarea" name="key" style="margin: 0px 0px 10px; width: 600px; height: 100px;"></textarea>

你得到你想要的