为单独的字段创建单独的搜索表单
create separate search form for separate fields
我正在创建一个隐藏的搜索表单(点击时下拉),效果很好,但我需要创建多个表单,才能用不同的字段向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> </td>
<br>
<br>
<td>
<input id=searchsubmit type="submit" name="submit" value="Search" />
</td>
</tr>
</form>
</div>
它是功能性的,我可以以相同的形式添加多个字段,但根据我的要求,我需要创建单独的搜索字段来向php发送请求。
如何实现?
<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>
你得到了你想要的
相关文章:
- 如何使用提交按钮搜索表中的记录
- 如何重置搜索表单中的特定表单元素
- 在网站上提交搜索表单以刮表
- 在导航栏中的搜索表单上使用jQuery for Action Listeners
- 如何将搜索表单仅添加到商店页面和类别页面
- Wordpress:提交后,我如何在搜索表单中保留市场复选框
- Jquery搜索表可以'找不到带括号的单词
- jQuery:如何创建一个带有多个单选按钮的实时搜索表单
- 在搜索表单中,替换空格或仅使用正则表达式的隐词和数字
- 我想防止搜索表单中出现空字段
- 根据在“搜索表单”中键入的内容隐藏和显示表行
- 两个单独的表单,输入具有相同的名称和id
- 尝试在“单击”或“聚焦”GCSE搜索表单输入时触发jquery事件
- 在搜索表单中选择 2
- Php 搜索表单显示结果时无需按搜索按钮,而它应该等到按下按钮才能显示它们
- 带按钮的搜索表单
- 搜索表单 - 如何将文本添加到用户输入
- 带有jquery的城市搜索表单
- 如何为 Django 生成动态搜索表单
- 为单独的字段创建单独的搜索表单