带有两个提交按钮的多搜索框


multi-search box with two submit buttons

我想要一个带有两个提交按钮的输入字段。输入搜索并单击Google或维基百科,然后让我的术语搜索相应的站点。但是,我不确定我是否为此使用了正确的术语(或者是否可能)。我已经找到了很多使用下拉列表或单选按钮的方法,但是在输入搜索和单击相应的按钮之间,每种方法都需要单击1-3次。

理想情况下,我想在没有javascript/jquery的情况下完成此操作,但我怀疑这实际上是不可能的。有什么建议吗?

function OnSubmitForm()
{
  if(document.pressed == 'Google')
  {
   document.searchform.action ="http://www.google.com/search";
  }
  else
  if(document.pressed == 'Wikipedia')
  {
    document.searchform.action ="http://www.wikipedia.org/search-redirect.php";
  }
  return true;
}
</script>
<form name="searchform" method="get" onsubmit="return OnSubmitForm();" action="http://www.google.com/search">
<input type="text" name="q" size="20" value="">
<input type="submit" name="operation" onclick="document.pressed=this.value" value="Google">
<input type="submit" name="operation" onclick="document.pressed=this.value" value="Wikipedia" class="searchButton">
</form>

所以代码的谷歌部分有效,但是我在 Javascript 上做错了,如果单击维基百科按钮,我会更改搜索维基百科的操作。

这在jQuery中是很有可能的...你最终会得到类似的东西...

$("#googleButton").on('click', function() { /* navigation with search criteria */ });
$("#wikipediaButton").on('click', function() { /* navigation with search criteria */ });