создать отдельную форму поиска для отдельных полей

Question

Я создаю форму поиска, которая скрыта при нажатии на нее, и она работала хорошо, но мне нужно создать несколько форм, чтобы отправить запрос на отправку php с разными полями.

Это HTML код и сценарий:

$(function() { 
 
\t var $searchlink = $('#searchtoggl i'); 
 
\t var $searchbar = $('#searchbar'); 
 

 
\t $('#topnav ul li a').on('click', function(e) { 
 
\t \t e.preventDefault(); 
 

 
\t \t if ($(this).attr('id') == 'searchtoggl') { 
 
\t \t \t if (!$searchbar.is(":visible")) { 
 
\t \t \t \t // if invisible we switch the icon to appear collapsable 
 
\t \t \t \t $searchlink.removeClass('fa-search').addClass('fa-search-minus'); 
 
\t \t \t } else { 
 
\t \t \t \t // if visible we switch the icon to appear as a toggle 
 
\t \t \t \t $searchlink.removeClass('fa-search-minus').addClass('fa-search'); 
 
\t \t \t } 
 

 
\t \t \t $searchbar.slideToggle(300, function() { 
 
\t \t \t \t // callback after search bar animation 
 
\t \t \t }); 
 
\t \t } 
 
\t }); 
 
});

<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> 

и вы получите то, что вы хотели