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

时间:2015-06-22 12:38:33

标签: javascript php jquery html

我正在创建一个隐藏的搜索表单(点击时下拉)并且它运行良好,但我需要创建多个表单,将发送请求发送到具有不同字段的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>
&#13;
&#13;
&#13;

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

如何实现它?

1 个答案:

答案 0 :(得分:0)

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

你得到你想要的东西